43h

Para conclusão

5
Cursos
1
Artigo

Gerencie estados com a biblioteca mais utilizada.

Aprenda a escalar o gerenciamento de estados em React com Redux!

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

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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 a estudar agora na maior escola de tecnologia do país

Cartão de crédito PayPal Nubank Pix
Pague com cartão de crédito ou PayPal em até 12x, NuPay em até 24x ou à vista no Pix, com 5% de desconto extra
Garantimos cancelamento gratuito em até 7 dias
Conheça os Planos para Empresas

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA