- M3#A01 - Introdução
- M3#A02 - O que é, e para que serve Redux?
- M3#A03 - Conhecendo o Redux - Primeiro princípio
- M3#A04 - Conhecendo o Redux - Segundo princípio
- M3#A05 - Conhecendo o Redux - Terceiro princípio - Funções Puras
- M3#A06 - Conhecendo o Redux - Terceiro princípio - Reducer
- M3#A07 - Primeiro contato com Redux
- M3#A08 - Criando nosso primeiro reducer com testes
- M3#A09 - Adicionando redux na aplicação Contador
- M3#A10 - Colocando o contador pra funcionar
- M3#A11 - Como funciona o createStore()?
- M3#A12 - "Contador" no React
- M3#A13 - "Contador" no React - estado no Redux
- M3#A14 - "Contador" no React - estado no Redux - parte 2
- M3#A15 - "Contador" no React - estado no Redux - parte 3
- M3#A16 - Adicionando mais contadores
- M3A#17 - Adicionando mais contadores - parte 2
- M3A#18 - Adicionando mais contadores - testes
- M3A#19 - Adicionando mais contadores - testes - parte 2
- M3A#20 - Adicionando mais contadores - testes - parte 3
- M3A#21 - Adicionando mais contadores - testes - parte 4
- M3A#22 - Adicionando mais contadores - componente
- M3A#23 - Adicionando mais contadores - action creators
- M3A#24 - App Todo List
- M3A#25 - App Todo List - Atualização do boilerplate
- M3A#26 - App Todo List - Atualização do storybook
- M3A#27 - App Todo List - Configuração: exibição de erros
- M3A#28 - App Todo List - Implementação inicial
- M3A#29 - App Todo List - Reducer para lista de todos
- M3A#30 - App Todo List - Reducer para lista de todos - parte 2
- M3A#31 - App Todo List - Reducer para lista de todos - parte 3
- M3A#32 - App Todo List - Reducer de todos - configuração do Redux
- M3A#33 - App Todo List - Reducer de todos - Configuração do React Redux
- M3A#34 - App Todo List - Implementação do reducer de todos - Add Todo
- M3A#35 - App Todo List - Implementação do reducer de todos - Lista
- M3A#36 - App Todo List - Implementação do reducer de todos - Toggle Todo
- M3A#37 - App Todo List - Implementação do reducer de visibilityFilter
- M3A#38 - App Todo List - Implementação do reducer de visibilityFilter - parte 2
- M3A#39 - App Todo List - Como usar mais de um reducer?
- M3A#40 - App Todo List - combineReducers
- M3A#41 - App Todo List - Implementação manual do combineReducers
- M3A#42 - App Todo List - Isolar componentes
- M3A#43 - App Todo List - Nomes para actions
- M3A#44 - App Todo List - Conectar filtro no state
- M3A#45 - App Todo List - Atualizar estado do filtro
- M3A#46 - App Todo List - Refactory no link do componente filtro
- M3A#47 - App Todo List - Mostrar todos filtrados
- M3A#48 - padrão para criação de reducers com o createReducer()
- M3A#49 - criando a função createReducer()
- M3A#50 - Busca CEP - Usando async no Redux
- M3A#51 - Busca CEP - Estilos CSS para aplicação
- M3A#52 - Busca CEP - Buscar endereço à partir de um CEP
- M3A#53 - Busca CEP - Populando tabela com dados do endereço
- M3A#54 - Busca CEP - buscando endereço à partir do form
- M3A#55 - Busca CEP - melhorando experiência do usuário
- M3A#56 - Busca CEP - criar reducer de endereços
- M3A#57 - Busca CEP - testes para createReducer
- M3A#58 - Busca CEP - testes para createReducer - parte 2
- M3A#59 - Busca CEP - passando state do endereço do Redux para a aplicação
- M3A#60 - Busca CEP - passando dispatch como props
- M3A#61 - Busca CEP - initialState da aplicação
- M3A#62 - replaceReducer - hot reload para reducers
- M3A#63 - Busca CEP - extendendo o Redux com middlewares
- M3A#64 - Busca CEP - entendendo o poder dos middlewares
- M3A#65 - Busca CEP - ações assíncronas no app com Redux - configuração da store
- M3A#66 - Busca CEP - ações assíncronas no app com Redux
- M3A#67 - Busca CEP - ações assíncronas no app com Redux - isFetching no Redux
- M3A#68 - Busca CEP - usando mais de um store enhancer no Redux
- M3A#69 - Busca CEP - como funciona o compose?
- M3A#70 - Reactflix - Instruções para criação do nosso app
- M3A#71 - Reactflix - Setup inicial da aplicação
- M3A#72 - Reactflix - Estrutura base da aplicação
- M3A#73 - Reactflix - Lista de vídeos
- M3A#74 - Reactflix - Melhorando estilo do componente de vídeo
- M3A#75 - Reactflix - Single de vídeo
- M3A#76 - Reactflix - Firebase
- M3A#77 - Reactflix - Lendo dados do Firebase
- M3A#78 - Reactflix - Adicionando dados do Firebase
- M3A#79 - Reactflix - Editando dados do Firebase
- M3A#80 - Reactflix - Removendo dados do Firebase
- M3A#81 - Reactflix - Remover firebase global
- M3A#82 - Reactflix - Criar formulário de cadastro do vídeo
- M3A#83 - Reactflix - Criar ação de adicionar vídeo
- M3A#84 - Reactflix - Adicionar Vídeo dinamicamente
- M3A#85 - Reactflix - Salvar vídeo no Firebase
- M3A#86 - Reactflix - Limpar formulário após salvar vídeo
- M3A#87 - Reactflix - Opção para abrir / fechar formulário de cadastro
- M3A#88 - Reactflix - Extrair Header e Footer do App
- M3A#89 - Reactflix - Reducer de UI
- M3A#90 - Reactflix - Pegar dados cadastrados no Firebase
- M3A#91 - Reactflix - Link para vídeos na listagem
- M3A#92 - Reactflix - Abrir vídeo na single ao clicar
- M3A#93 - Reactflix - Ordenar conteúdo que vem do Firebase
- M3A#94 - Encerramento do módulo #03
O que você aprenderá
- Aprenda Redux de forma simples e intuitiva
Descrição
Nesse curso, que é o módulo #03 do curso React.js Ninja: React Completo, você irá aprender, de forma simples:
- O que é Redux;
- Como utilizar o Redux de forma "pura" para usar em qualquer tipo de aplicação JavaScript;
- Como utilizar o Redux junto com o React.
No decorrer do curso, vamos criar algumas aplicações, para ver na prática o uso do Redux!
E como conteúdo adicional, ainda vamos aprender a utilizar o Firebase como banco de dados para nossas aplicações :D
Os alunos também compraram
Sobre os instrutores

- 4.54 Calificación
- 211272 Estudiantes
- 6 Cursos
Fernando Daciuk
Tech Lead & Software Dev @ Brainn Co.
Sou desenvolvedor web desde 2002, com foco em frontend desde 2004, principalmente JavaScript. Sou professor de alguns cursos que você pode encontrar no meu blog (endereço no meu perfil):
- JavaScript Ninja - um curso que fala sobre a linguagem JavaScript em si - para quem nunca programou na vida;
- Git e GitHub Ninja, para aprender a utilizar essas ferramentas para trabalhar em equipe (ou mesmo sozinho, mas com o entendimento de como é possível versionar seus projetos de forma correta)
- React Ninja, onde abordamos não apenas a biblioteca React.js em si, mas também todo o ecossistema em volta da ferramenta: testes para componentes, gerenciamento de estados, rotas, renderização do lado do servidor, configurações específicas para agilizar o desenvolvimento, e configurações para performar da melhor forma possível quando entregar um projeto com React em produção.