Introdução
  • Introdução
  • O que é React?
  • Props
  • State e Virtual DOM
  • Redux, porque utilizar essa ferramenta
  • Redux - Conceitos
  • Redux - fluxo assíncrono
  • Como instalar as ferramentas necessárias para este curso
Projeto 1- Criando o seu Youtube
  • Apresentando o projeto
  • Código fonte no Github
  • Iniciando o projeto
  • Organizando os componentes na tela com CSS Grid
  • Componente SearchBar
  • Criando a função PesquisaTermo
  • Youtube API
  • Iniciando com Redux no projeto
  • Criando a Action Busca Video
  • Criando o Reducer Busca Video
  • Instalando as dependências do Redux e combinando os reducers
  • Criando a Store
  • Conectando o projeto ao Redux com o Provider
  • E não é que funciona mesmo?
  • Uma pausa para falar dos plugins
  • Componente Video List
  • Conectando o componente VideoList a Store
  • Mostrando a lista de Videos
  • Spinner enquanto carrega VideoList
  • Redux síncrono: Reproduz Video
  • Disparando a ação para colocar na Store o video que eu quero assistir
  • Iniciando o Video Player
  • Reproduzindo o Video do Youtube
  • Finalizando o Projeto
Projeto 2 - Lista de compras
  • Apresentando o projeto
  • Codigo no Github
  • Configurando o ambiente
  • Introducao ao CSS Flexbox
  • Criando temas com Material Ui
  • Header da aplicação
  • Como organizar o projeto
  • Iniciando a Home Page
  • Lista da Home Page
  • Refatorando a Home Page
  • Refatorar, Refatorar e Rafatorar
  • PropTypes é nosso amigo
  • Construção das Rotas
  • Criando os links
  • Hora de criar o form
  • Estilizando o form
  • Items da lista
  • Criando o rodapé dos items
  • Com uma imagem fica mais bonito!
  • Finalmente Redux
  • Nossa Primeira action e reducer
  • Conectando componente na store
  • Disparando ações
  • Tratando Erros no form
  • Visualizando items da lista
  • Calculando Total da lista com Selectors
  • Hora de otimizar o selector com Reselect
  • Excluindo items da lista
  • Eu ja comprei esse produto ?
  • Total de items abertos e fechados
  • Action e Reducer do Form
  • Atualizando o Form
  • Salvando o item atualizado
  • Concluindo a edição
  • Nova Lista
  • Mostrando o form condicionalmente
  • Carregando o nome da lista nas atualizacoes
  • Componente Novo Item
  • Adicionando novo item no modo de edicao
  • Salvando a Lista no LocalStorage
  • Configurando a api de imagens do google
  • Criando nossa api com Axios
  • Action e Reducer para busca de imagens
  • Configurando Middleware
  • Criando os Sagas
  • Vendo o resultado
  • E chegamos ao Fim do Projeto!
  • Deploy para o Heroku
  • Correção - Adicionando data dinâmica ao footer
Projeto 3 - Conversor de Moedas
  • Apresentando o projeto
  • Código fonte no Github
  • Criando o Boilerplate
  • Instalando o Bootstrap CSS only
  • Componente Cabeçalho
  • Criando o corpo do conversor
  • Criando o Formulário
  • Criando a lista de moedas
  • Ajustes
  • Instalando o Redux no projeto
  • Criando a Store
  • Criando a Action
  • Criando o Redux - convert
  • Combinando Reducers
  • Conectando os componentes ao Redux