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: 1 day ago
JSON representation

Framework

• Host: GitHub
• URL: https://github.com/alexandrecpedro/frontend_iii
• Owner: alexandrecpedro
• Created: 2022-10-18T00:08:45.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-09T01:04:15.000Z (about 2 years ago)
• Last Synced: 2024-11-09T08:30:11.641Z (about 2 months 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