Formações Front-end React: domine o gerenciamento de estados

Formação React: domine o gerenciamento de estados

Aprimore suas habilidades em React com Zustand, Recoil, Redux e MobX, as bibliotecas mais populares do mercado

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

37h

Para conclusão

Cursos

Vídeo extra

Artigos

O que tem na Formação?

Boas-vindas, estudante!

Você precisa organizar os estados da sua aplicação React?

Então esta formação é para você!

Vamos mergulhar no gerenciamento de estado e explorar quatro bibliotecas - Zustand, Recoil, Redux e MobX - que ajudam, no dia a dia, a solucionar o famoso problema de prop drilling e organizam o seu código.

O que você vai aprender:

Conhecer diferentes bibliotecas de gerenciamento de estado;
Entender a estrutura e possibilidades de uso de cada biblioteca para escolher a que melhor atenda às necessidades do seu projeto;
Instalar e implementar as bibliotecas de gerenciamento de estado em projeto existentes;
Refatorar e organizar o código para desacoplar os estados e evitar problemas de prop driling;
Compreender a importância e os benefícios em utilizar uma biblioteca de gerenciamento de estado em sua aplicação.

Ao longo desta formação vamos aprender a implementar fluxos de estado leves e simples com o Zustand, trabalhar com os átomos e seletores no Recoil para criar estados dinâmicos e reutilizáveis, usar o Redux Toolkit para simplificar a criação de stores, reducerse actions e aplicar a reatividade do MobX com observáveis e ações automáticas mescladas ao uso da Context API.

Ao final desta formação você terá um kit completo de ferramentas que vai te possibilitar trabalhar com o estado em diferentes tipos de projeto desde os menores até aplicações mais complexas. Então, bora dominar o gerenciamento de estado no React e mudar a maneira como você constrói suas aplicações React?

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?

Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.
Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.
Neilton Seguins
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.
Neilton Seguins
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

Passo a passo

1 Zustand: simplicidade e flexibilidade para gerenciar os estados
No desenvolvimento de aplicações React, gerenciar o estado de forma eficiente é essencial para garantir que todos os componentes funcionem de maneira integrada. Neste passo, vamos explorar algumas das principais bibliotecas de gerenciamento de estado utilizadas no mercado e nos aprofundaremos no Zustand, uma biblioteca leve e intuitiva que tem ganhado popularidade por sua simplicidade e flexibilidade.
- Curso React: implementando gestão de estado com Zustand
  08h
- Artigo Guia de bibliotecas para lidar com gerenciamento de estados em projetos React | Alura
2 Recoil: desenvolva com modularidade e controle da sua aplicação
Neste passo, vamos aprofundar o uso do Recoil, uma biblioteca que facilita o gerenciamento de estado em aplicações React. Você aprenderá a utilizar atom families e selector families, recursos avançados do Recoil que ajudam a criar estados dinâmicos e altamente reutilizáveis. Esses conceitos permitem lidar com dados complexos de forma modular, tornando o código mais organizado e fácil de manter.
- Curso React: gerenciando estados globais com Recoil
  06h
- Artigo Controlando múltiplas instâncias dinâmicas com atomFamily e selectorFamily | Alura
3 Redux Toolkit: a chave para gerenciar estados de forma previsível
Neste passo, você vai se aprofundar no universo do Redux para resolver os desafios de gerenciamento de estado em React. Vamos abordar o fluxo de dados unidirecional, ensinando a criar e utilizar store, reducers e actions com a ajuda do Redux Toolkit. Também veremos como despachar ações com useDispatch() e acessar estados específicos usando useSelector(), tudo isso para construir aplicações reativas, organizadas e com controle total sobre o estado.
- Curso Redux Toolkit: explorando a arquitetura Flux
  10h
- Artigo Ainda vale a pena aprender Redux? – vem ver nossa opinião e o motivo dela | Alura
4 Mobx: explore a reatividade de forma simples e minimalista
Neste passo, você aprenderá usar o MobX para gerenciar os estados de suas aplicações React. Aprenderá a implementar estados observáveis, ações e valores computados que reagem automaticamente a mudanças, além de integrar tudo com a Context API para compartilhar o estado com sua aplicação. Conhecerá os poderes de usar observáveis no gerenciamento de estado e verá a reatividade com outros olhos.
- Curso Mobx: gerenciando estados em aplicações React
  10h
- Artigo Observando os estados de uma aplicação React com a biblioteca MobX | Alura
- Vídeo Dicas para construir uma carreira tech de sucesso - YouTube