Link para as aulas e materiais de apoio
01 | Introdução ao React.js | ✔️ |
---|---|---|
02 | JSX e Virtual DOM | ✔️ |
03 | Create React App | ✔️ |
04 | Conhecendo a estrutura do CRA | ✔️ |
05 | DevTools, componentes customizados e Fragmnent | ✔️ |
06 | Props e atributosespeciaisdo HTML no JSX | ✔️ |
07 | Prop "children" e composição de componentes | ✔️ |
08 | Listas (arrays) e a prop "key" | ✔️ |
09 | Introdução à eventos no React.js (onClick) | ✔️ |
10 | Introdução à estados no React.js (useState) | ✔️ |
11 | Renderização condicional | ✔️ |
12 | Formulários controlados e não controlados | |
13 | Pureza, imutabilidade e estados assíncronos | |
14 | Lifecycle dos componentes e fluxo de dados | |
15 | Requisições HTTP via JavaScript | |
16 | O hook "useEffect" para requisições HTTP | |
17 | Usos comuns para o hook "useEffect" | |
18 | Dependências do "useEffect" | |
19 | Como usar "assets" no React.js (CSS, imagens, etc) | |
20 | CSS com Styled Components | |
21 | Apresentação do projeto | |
22 | (parte 1) - Configuração do projeto - ESLint | |
23 | (parte 2) Configuração do projeto - Husky e caminhos absolutos no TS | |
24 | Configurações de fonte, substituições e limpeza do CRA | |
25 | Estrutura do projeto e dicas de Styled Components | |
26 | Apresentação da solução do desafio #05 | |
27 | Como usar libs externas com React.js, renderização de conteúdo inseguro e import dinâmico | |
28 | Apresentação da solução de desafio #06 | |
29 | Regras dos Hooks e hook useRef | |
30 | Apresentação da solução do desafio #07 | |
31 | Custom Hooks e uso do Storage do browser | |
32 | Apresentação da solução do desafio #08 | |
33 | Introdução à History API | |
34 | Apresentação da solução do desafio #09 e deploy para a produção |