Frameworks
Referência Rápida de React
Cheat sheet pronto para impressão de Referência Rápida de React, organizado para consulta rápida, estudo e uso ao lado da mesa
Amostra
O que tem neste cheat sheet
- Noções Básicas de JSX
- Componentes
- Estado (useState)
- Efeitos (useEffect)
- Listas e Chaves
- Manipulação de Eventos
- Renderização Condicional
- Hooks
- Hooks Personalizados
- Context API
Expressões e Atributos
const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;
Regras do JSX
{expression} | Incorporar qualquer expressão JS |
className | Usar no lugar de `class` |
htmlFor | Usar no lugar de `for` |
style={{color: 'red'}} | Estilos inline como objeto |
<Component /> | Tags de fechamento automático obrigatórias |
<> ... </> | Fragment (sem nó DOM extra) |
Baixe o cheat sheet completo com todas as seções, formatado para impressão
Baixar PDFDownloads
Escolha o formato que combina com seu jeito de ler
-
Recomendado
Padrão
P&B, econômico em tinta. O padrão para impressoras a laser e fotocópias
Ideal para Impressões e referência de mesa
-
Colorido
Acentos quentes para leitura em tela ou impressoras coloridas
Ideal para Leitura em tela ou impressoras coloridas
-
Cartão de referência
Densidade máxima, layout em 4 colunas. Tudo em uma página
Ideal para Varredura rápida e uso mínimo de papel
