REACT
- Use Componentes Funcionais + Hooks
- Prefira *componentes funcionais* em vez de classes.
- Use *Hooks* como useState, useEffect, etc.
- Separe lógica e apresentação
- Evite componentes muito grandes
- Separe lógica (hooks, requisições) da visualização (JSX)
- Nomeie bem os arquivos e componentes
- Componentes com letra maiúscula: BotaoConfirmar.js
- Arquivos organizados por função ou módulo.
- Use prop-types ou TypeScript
- Ajuda a validar e documentar as props.
- Evite lógica complexa no JSX
- Declare variáveis antes do return, facilita a leitura.
- Trate efeitos colaterais com useEffect
- Ex: chamadas à API, manipulação de DOM.
- Use Context API ou bibliotecas (ex: Redux, Zustand) para estado global
- Evite passar props demais entre muitos níveis (prop drilling).
- Reutilize componentes sempre que possível
- Exemplo: um botão, um modal, um campo de entrada.
- Use ESLint + Prettier
- Garante código limpo, consistente e com menos erros.
- Escreva testes
- Use ferramentas como Jest e React Testing Library.
