KirillTregubov

/* More info: https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=If%20the%20target%20is%20the,44%20by%2044%20CSS%20pixels.&text=A%20footnote%20or%20an%20icon,from%20the%20minimum%20target%20size */

/* touch-hitbox or pointer-coarse:touch-hitbox (mobile-only) */

@utility touch-hitbox {
  position: relative;
  &:before {
    content: "";
    cursor: pointer;
    position: absolute;

KirillTregubov

{
  "arrowParens": "always",
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "none",
  "plugins": [
    "prettier-plugin-tailwindcss"
  ]
}

KirillTregubov

app.post<{
  Body: {
    userId: string
  }
  // More keys: https://fastify.dev/docs/latest/Reference/TypeScript/#using-generics (3rd step)
}>(
  '/my-endpoint',
  async ({ body }, reply) {
    console.log(body) // <- is of correct type
  }

KirillTregubov

import { createContext, useContext, useReducer } from 'react'

type State = {
  isLoading: boolean
  isSignout: boolean
  userToken: string | null
}

type Action =
  | { type: 'LOADED' }

KirillTregubov

import { useRouter } from "next/router"
import { useEffect, useRef } from "react"

export const usePreserveScroll = () => {
  const router = useRouter()

  const scrollPositions = useRef<{ [url: string]: number }>({})
  const isBack = useRef(false)

  useEffect(() => {

KirillTregubov

const Component: React.FC = () => {
  return <></>
}