Introdução
  • Visão Geral do Curso
  • Repositório do Curso & Apostila
  • Configuração do Ambiente
  • Configuração do Ambiente (Linux)
  • Configuração do Ambiente (Mac)
Fundamentos React
  • Introdução do Módulo
  • Código Disponível no Final do Módulo
  • Configuração do Projeto
  • Olá React
  • O que é JSX?
  • Componentes
  • Primeiro Componente
  • Primeiro Componente com Arrow Function
  • Usando props
  • Um Arquivo com Múltiplos Componentes
  • Retornar Múltiplos Elementos
  • Sistema de Módulos (Import/Export)
  • Relação entre Componentes #01
  • Relação entre Componentes #02
  • Comunição Direta entre Componentes
  • Propagando "props" para Componentes Filhos #01
  • Propagando "props" para Componentes Filhos #02
  • Adicionando Função em um Componente Funcional
  • Comunicação Indireta entre Componentes
  • Componente de Classe
  • Componente Funcional tem Estado?
  • Componente de Classe Contador
  • Problema do "this"
  • Usando "state" em Componente de Classe
  • Conclusão do Módulo
  • React Hooks
  • Recursos do Módulo & Links Úteis
Projeto Calculadora
  • Criando Projeto
  • Componente Calculator
  • Componente Button #01
  • Componente Display
  • Componente Button #02
  • Implementando a Lógica #01
  • Implementando a Lógica #02
TodoApp (Backend)
  • Visão Geral
  • Configuração e Instalação
  • Configurando o Servidor com o Express
  • Conexão com o Banco de Dados
  • ODM e Criação da API REST
  • Mapeamento das Rotas
  • Testando a API (Postman)
  • Habilitando o CORS
  • Iniciando o Backend com PM2
TodoApp (Frontend)
  • Configuração e Instalação
  • Configurando o Build com Webpack
  • Criação do index.html
  • Componente App
  • Componentes Todo e About
  • Componente Menu
  • Configurando as Rotas (React-Router)
  • Componente PageHeader
  • Componentes TodoForm e TodoList
  • Estratégia de Implementação
  • Estrutura do Formulário
  • Componentes Grid e IconButton
  • Renderização Condicional (If)
  • Evento Adicionar
  • Evento onChange
  • Evento Adicionar (Integração Backend)
  • Consulta e Exclusão de TODOs
  • Marcar como Concluído/Pendente
  • Pesquisa de TODOs
  • Melhorias de CSS e Limpar Formulário
  • Adicionar Teclas de Atalhos
React com Redux
  • Palavras Iniciais e Instalação
  • Conhecendo o Redux
  • Configurando o Redux
  • Ex 01 - Integrando o React-Redux (Parte 1)
  • Ex 01 - Integrando o React-Redux (Parte 2)
  • Ex 01 - Integrando o React-Redux (Parte 3)
  • Ex 02 - Integrando o React-Redux (Parte 1)
  • Ex 02 - Integrando o React-Redux (Parte 2)
TodoApp (Migração para Redux)
  • Instalando as Dependências
  • Configurando os Reducers
  • Configurando o Redux
  • Conectar o TodoList com Redux
  • Conectar o TodoForm com Redux
  • Action Creator changeDescription
  • Configurando o Redux Dev Tools
  • Action Creator de Pesquisa
  • Aplicando Middleware (Redux-Promise)
  • Adicionar TODO
  • Aplicando Middleware (Redux-Multi)
  • Aplicando Middleware (Redux-Thunk)
  • Marcar como Concluído/Pendente
  • Exclusão de TODOs
  • Limpar Formulário
  • Melhorando a Action de Pesquisa