React Hooks & Syntax Cheat Sheet

Hook para gerenciamento de estado local.

const [state, setState] = useState(initialValue);

Hook para lidar com efeitos colaterais.

useEffect(() => { ... }, [deps]);

Acessa o valor de um contexto sem prop drilling.

const value = useContext(MyContext);

Memoriza um valor calculado para otimizar performance.

const memoValue = useMemo(() => compute(), [deps]);

Memoriza uma função para evitar recriações desnecessárias.

const callback = useCallback(() => { ... }, [deps]);

Cria uma referência persistente (útil para acessar o DOM).

const ref = useRef(null);

Estrutura básica de um componente funcional.

export default function Component() { return <div>...</div> }