Formações Front-end Gerencie estados em React com Redux
Formação Gerencie estados em React com Redux
Escale o gerenciamento de estados em React com diferentes soluções
* Esta formação faz parte dos nossos cursos de Front-end
Quero Estudar na Alura
43h
Para conclusão
5
Cursos
1
ArtigoGerencie estados com a biblioteca mais utilizada.
O React é conhecido por sua capacidade de gerenciar o estado da aplicação. Aprender sobre a gestão eficiente do estado e ferramentas para otimizá-lo é importante para o desenvolvimento em React. Nesta formação, você terá a oportunidade de
- Aprender sobre a ferramenta externa mais popular no mundo do React, o Redux;
- Aprender a utilizar a caixa de ferramentas do Redux, ou Redux Toolkit;
- Aprender a trabalhar com consistência e previsibilidade com a biblioteca Immer;
- Entender como a camada no fluxo de dados com middlewares funcionam
- Criar middlewares com Redux Thunk
- Simplifique aplicações complexas com Redux Saga
Clique aqui e acesse o Tech Guide para acompanhar sua evolução e matricule-se na formação para planejar à sua trilha de estudos com acesso direto pelo Dashboard.
Em caso de dúvidas, acesse o Fórum ou interaja com a comunidade no Discord.
Vamos mergulhar?
Por que estudar esta formação?
Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse
Comece essa formação agora mesmo e capacite-se para seu próximo projeto!
Conheça os planos
Com quem você vai aprender?
Luiz Fernando Ribeiro
-
Luiz Fernando Ribeiro
Passo a passo
1 Redux e Redux Toolkit
Neste primeiro passo você aprenderá a utilizar o Redux Toolkit, uma ferramenta criada pelos próprios desenvolvedores do Redux para facilitar configurações e abstrair pontos que não são necessários durante o desenvolvimento.
-
Curso React: gerenciamento de estados globais com Redux
10h - Aprenda a criar e gerenciar estados globais com Redux
- Saiba a forma antiga e nova de criar estados com Redux e com Redux Toolkit
- Entenda sobre imutabilidade e porque este termo é tão utilizado em gerenciamento de estado
- Utilize hooks facilitadores da biblioteca react-redux para conseguir pegar estados e disparar ações
- Deixe seu código bem mais fácil de ler e fazer manutenção depois de tirar toda a responsabilidade de estados para o Redux
-
2 Progredindo no gerenciamento de estados
Aprenda a trabalhar com consistência e previsibilidade com a biblioteca Immer no primeiro curso. Em seguida, entenda como a camada adicional no fluxo de dados com middlewares funcionam, permitindo interceptações, processamentos e transformação das ações antes que cheguem ao reducer. Crie middlewares com Redux Thunk para realizar operações assíncronas.
-
Curso React: Mutabilidade x Imutabilidade no Redux Toolkit com Immer
10h - Entenda como o Redux Toolkit muda o estado Redux na prática
- Veja na prática como imutabilidade funciona dentro do Javascript, e o que isso impacta no React
- Saiba como mudar o estado com e sem return dentro do Redux Toolkit e qual a diferença entre eles
- Utilize a biblioteca Immer na prática para escrever estados imutáveis utilizando a sintaxe mutável, deixando a escrita muito mais simples
- Deixe o seu formulário muito mais fácil de controlar com react-hook-form
-
Curso React: entendendo Middlewares com Redux Thunk
06h - Entenda o que é um middleware e o que impacta no universo Redux
- Veja na prática o Redux Thunk funcionando e como facilita chamadas assíncronas
- Pratique criar middlewares para inúmeras finalidades
- Utilize actions de reducers de fora dentro de outro reducer
- Deixe o seu código muito mais independente e fácil de entender e manusear
-
3 Melhore o gerenciamento do Estado em aplicações complexas com Redux Saga
Neste passo você simplificará o gerenciamento de estados lidando com efeitos colaterais da sua aplicação. Com o Redux Saga você lidará com múltiplas chamadas de maneira simples, desenvolverá códigos mais independentes e aplicará os conhecimentos de Redux, Thunk e Listener de forma incremental.
-
Curso React: avançando em Middlewares com Listener Middleware
08h - Avançe o seu conhecimento sobre middlewares dentro do Redux
- Saiba como adicionar middlewares que não são configurados por padrão dentro do Redux Toolkit
- Entenda como um middleware funciona e como ele ajuda em chamadas assíncronas
- Pratique boas práticas reaproveitando códigos e abstraindo responsabilidade dos seus componentes
- Aprenda sobre Listener Middleware, um middleware que existe no Redux Toolkit
- Saia na frente com o conhecimento sobre esse middleware que existe no Redux Toolkit mas pouquíssimas pessoas conhecem
-
Artigo React: o que é a arquitetura Saga? | Alura
-
Curso React: utilizando a arquitetura Saga com Redux Saga
08h - Aprenda sobre arquitetura Saga e porque ela se encaixa tão bem com os middlewares Redux
- Faça múltiplas chamadas de forma simples utilizando o middleware
- Pratique a utilização de middlewares em uma aplicação real e com problemas reais
- Entenda a diferença entre Watchers e Workers dentro do Redux Saga, e o que isso impacta no desenvolvimento
- Deixe seu código cada vez mais independente dos componentes, deixando as complexidades nos lugares em que elas devem estar
- Intercale conhecimentos de Redux, Thunk e Listener com o conhecimento de Redux Saga, incrementando todos eles e vendo como todas as peças se encaixam
-
Escola
Front-end
Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...
Conheça a Escola