43h

Para conclusão

5
Cursos
1
Artigo

Gerencie 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. 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. 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. 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

Comece hoje mesmo os cursos de Gerencie estados em React com Redux. Matricule-se agora!

Plus

De
R$ 1.800
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

Matricule-se

Pro

De
R$ 2.400
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Luri, a inteligência artificial da Alura

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas