alexandrecpedro / frontend_iii Goto Github PK

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

Aula 02 | Ferramentas e primeiro projeto

• Integração de JSX no React
• create-react-app e ViteJS
• React Developer Tools
• Hello World

Aula 03 | Revisão e prática I

• Integração de aulas 1 e 2.

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

Aula 05 | Trabalhando com componentes

• Conceito de imutabilidade
• Prop key + map() lista de componentes
• Estilos no React
  • CSS clássico
  • CSS modules

Aula 06 | Revisão e prática II

• Integração de aulas 4 e 5.

Aula 07 | Hooks

• Introdução a Hooks
• Hook: useState()
• Comparação com state e setState()

Aula 08 | Eventos e Formulários

• Eventos no React
• Formulários no React
• Lembrando validações
• Componentes controlados

Aula 09 | Revisão e prática III

• Integração de aulas 7 e 8.

Aula 10 | Revisão geral

• Revisão dos conceitos do React

Aula 11 | Primeira avaliação

• Primeira avaliação: Desafio de live coding (nas 2 horas de aula)

Aula 12 | Colocação em comum

• Troca a partir da avaliação prática.

Aula 13 | Ciclo de Vida

• Ciclo de vida no React
• Hook: useEffect()
• Comparando o ciclo de vida em componentes de classe

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()

Aula 15 | Revisão e Prática IV

• Integração de aulas 13 e 14.

Aula 16 | React Router

• Instalação
• Componentes do React Router v6
• Criando uma rota
• Links
• Rotas parametrizadas
• History API

Aula 17 | Introdução ao testing no React

• Instalação
• Testing library e Jest
• Tipos de teste

Aula 18 | Revisão e Prática V

• Integração de aulas 16 e 17.

Aula 19 | Estado global

• Hook: useContext()
• Provider e consumer

Aula 20 | Estado Global com Storage

• localStorage e sessionStorage
• Hook: useReducer()

Aula 21 | Revisão e Prática VI

• Integração de aulas 19 e 20.

Aula 22 | Avaliação final - Apresentação

• Apresentação da avaliação final: desafio semanal

Aula 23 | Custom Hooks

• Construindo hooks customizados

Aula 24 | Avaliação final - Entrega

• Entrega da avaliação final.

Aula 25 | Mais utilitários no React

• Gestão de erros
• Utilitários

Aula 26 | A importância do testing

• TDD: Test Driven Development
• Testing síncrono vs Testing assíncrono

Aula 27 | Encerramento da disciplina

• Encerramento da disciplina