https://github.com/alexandrecpedro/frontend_iii
Framework
https://github.com/alexandrecpedro/frontend_iii
context-api global-state hooks jest localstorage react react-dom react-hooks react-navigation react-router react-router-dom sass scss sessionstorage styled-components vite vitest
Last synced: 3 months ago
JSON representation
Framework
- Host: GitHub
- URL: https://github.com/alexandrecpedro/frontend_iii
- Owner: alexandrecpedro
- Created: 2022-10-18T00:08:45.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-09T01:04:15.000Z (over 3 years ago)
- Last Synced: 2025-02-22T21:17:33.395Z (over 1 year ago)
- Topics: context-api, global-state, hooks, jest, localstorage, react, react-dom, react-hooks, react-navigation, react-router, react-router-dom, sass, scss, sessionstorage, styled-components, vite, vitest
- Language: JavaScript
- Homepage:
- Size: 12.7 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Certified Tech Developer (The Ultimate Degree) - Front End III
## 🗂 Módulos
#### 1. Primeiros passos no React
- [x] Aula 01 | Desde JavaScript Vanilla até o React
- O que é React?
- Set de ferramentas para trabalhar com React
- Agregando React a uma página existente
- [x] Aula 02 | Ferramentas e primeiro projeto
- Integração de JSX no React
- create-react-app e ViteJS
- React Developer Tools
- Hello World
- [x] Aula 03 | Revisão e prática I
- Integração de aulas 1 e 2.
#### 2. Componentização no React
- [x] Aula 04 | Pensando no React
- Componentes funcionais vs componentes de classe
- Reutilização de componentes (componentes puros)
- O que são as props?
- Prop children + fragment
- [x] Aula 05 | Trabalhando com componentes
- Conceito de imutabilidade
- Prop key + map() lista de componentes
- Estilos no React
- CSS clássico
- CSS modules
- [x] Aula 06 | Revisão e prática II
- Integração de aulas 4 e 5.
#### 3. Conhecendo os hooks no React
- [x] Aula 07 | Hooks
- Introdução a Hooks
- Hook: useState()
- Comparação com state e setState()
- [x] Aula 08 | Eventos e Formulários
- Eventos no React
- Formulários no React
- Lembrando validações
- Componentes controlados
- [x] Aula 09 | Revisão e prática III
- Integração de aulas 7 e 8.
- [x] Aula 10 | Revisão geral
- Revisão dos conceitos do React
- [x] Aula 11 | Primeira avaliação
- Primeira avaliação: Desafio de live coding (nas 2 horas de aula)
- [x] Aula 12 | Colocação em comum
- Troca a partir da avaliação prática.
#### 4. Ciclo de vida dos componentes
- [x] Aula 13 | Ciclo de Vida
- Ciclo de vida no React
- Hook: useEffect()
- Comparando o ciclo de vida em componentes de classe
- [x] Aula 14 | Requisições assíncronas no React
- Requisições assíncronas no React (fetch / axios)
- Integração com APIs através do useEffect
- Hook: useCallback()
- Hook: useMemo()
- [x] Aula 15 | Revisão e Prática IV
- Integração de aulas 13 e 14.
#### 5. Navegação e testing no React
- [x] Aula 16 | React Router
- Instalação
- Componentes do React Router v6
- Criando uma rota
- Links
- Rotas parametrizadas
- History API
- [x] Aula 17 | Introdução ao testing no React
- Instalação
- Testing library e Jest
- Tipos de teste
- [x] Aula 18 | Revisão e Prática V
- Integração de aulas 16 e 17.
#### 6. Gerenciamento de estados globais
- [x] Aula 19 | Estado global
- Hook: useContext()
- Provider e consumer
- [x] Aula 20 | Estado Global com Storage
- localStorage e sessionStorage
- Hook: useReducer()
- [x] Aula 21 | Revisão e Prática VI
- Integração de aulas 19 e 20.
- [x] Aula 22 | Avaliação final - Apresentação
- Apresentação da avaliação final: desafio semanal
- [x] Aula 23 | Custom Hooks
- Construindo hooks customizados
- [x] Aula 24 | Avaliação final - Entrega
- Entrega da avaliação final.
#### 7. Ferramentas
- [x] Aula 25 | Mais utilitários no React
- Gestão de erros
- Utilitários
- [x] Aula 26 | A importância do testing
- TDD: Test Driven Development
- Testing síncrono vs Testing assíncrono
- [x] Aula 27 | Encerramento da disciplina
- Encerramento da disciplina