O que são Hooks no React?
De acordo com a documentação legacy do React
Hooks são funções que permitem a você “ligar-se” aos recursos de state e ciclo de vida do React a partir de componentes funcionais.
Lista com todos os hooks
Existem vários Hooks Built-in no React ( está na versão react@18.3.1 no momento que estou escrevendo ) sendo eles:
- useReducer
- useContext
- useRef
- useImperativeHandle
- useEffect
- useLayoutEffect
- useInsertionEffect
- useMemo
- useCallback
- useTransition
- useDeferredValue
- useDebug
- useId
- useSyncExternalStore
- useActionState
https://pt-br.react.dev/reference/react/hooks
Regras dos Hooks
Hooks são funções JavaScript, mas eles impões duas regras adicionais:
- Apenas chame Hooks no nível mais alto. Não chame Hooks dentro de loops, condições ou funções aninhadas.
- Apenas chame Hooks de componentes funcionais. Não chame Hooks de funções JavaScript comuns. (Há apenas um outro lugar válido para se chamar Hooks — dentro dos seus próprios Hooks customizados. Iremos aprender sobre eles em breve.)
- O nome de um Hook deve sempre seguir o formato: useXxxxx
Exercícios
Entre neste repositório e modifique os exercícios dentro da pasta "app > exercises"
Top comments (0)