Curso: ReactJS

Cliente: Procempa

Turma: 1606074

• Introdução ao ReactJS
• Introdução
• Concorrentes
• Como é trabalhar com React?
• Create React App
• Estruturação básica da aplicação
• App
• React Fragment
• Início de JSX

• Componentes
• Properties
• States
• Envio de exercício

• Correção do exercício
• useEffect
• Estilos CSS no ReactJS
• CSS
• SASS Overview
• Styled Components

• Correção do exercício
• ThemeProvider
• Bate Papo sobre a Vercel
• React Router 6.*

• Correção do exercício
• Finalização React Router 6.*
• Axios - Parte 1

• Axios - Parte 2
• Conexão com API real
• Listagem de Departamentos
• Axios Mock Adapter
• Tratamento e simulação de erros de API

• Correção dos exercícios
• Implementação do insertDepartamentos na API
• Build

• Deploy automatizado usando a Vercel
• ESLint
• React Prop-types

• Context API
• Correção de exercício

• Redux Toolkit
• Exercício
• Context API VS Redux
• Extra: React Bootstrap (acessem o branch react-bootstrap para visualizar)
• Considerações finais

• URL da nossa APP na Vercel

• Repositório Turma Procempa 16062066
• React Developer Tools
• Figma

• Guide to Flexbox
• Entendendo Básico de Diplay Flex - Vídeo
• Guia Completo FlexBox - Origamid
• Game - FlexBox Frog
• Game - FlexBox Adventure
• SASS

• Story Book

• Vercel
• NextJS
• Vídeo NextJS Conf 2022

• Mock API

• Implementando autenticação usando o Keycloak
• Exemplos utilizando o Keycloak
• Autenticação utilizando JWT
• Keycloak Issue

• Redux Devtools Kit
• DIferenças entre Context API e Redux
• Context API vs Redux: Managing Data Flow Through Nested Components in React
• Redux ou Context: qual usar em aplicações modernas?
• Redux Saga: Você no controle das operações assíncronas