React Redux | Gerenciamento eficiente de estado com o framework Redux

Aprenda os fundamentos do framework Redux e como usá-lo no React JS com o React Redux

No Front-end, o estado (um conjunto de todos os valores armazenados pela aplicação por meio de propriedades ou variáveis em qualquer ponto da execução) pode incluir respostas do servidor e informações em cache, bem como dados gerados localmente que não foram salvos no servidor. Além disso, há o estado da interface: rotas ativas, abas selecionadas, indicadores de carregamento, controles de paginação... O gerenciamento de estado consiste em garantir que a interface do usuário exiba corretamente o estado atual da aplicação e é um pilar fundamental no desenvolvimento de front-end. Aplicações simples não precisam dar muita importância ao gerenciamento de estado. Por exemplo, o estado de uma aplicação simples pode ser armazenado diretamente nas propriedades dos componentes e passado diretamente para os filhos como Props. No entanto, o problema do gerenciamento de estado surge quando a aplicação começa a crescer. Especialmente quando os valores de um componente podem afetar os valores de outros componentes: você pode entrar em um ciclo de atualizações de estado (e atualizações de interface) que torna difícil acompanhar o motivo pelo qual você chegou a um estado específico. Para resolver o problema mencionado, o Redux foi criado. Devido às suas vantagens e tendências nos últimos anos, dominar o funcionamento do framework Redux e seus fundamentos tende a ser essencial para qualquer desenvolvedor de front-end. Neste curso, veremos como o Redux é composto e como podemos aplicá-lo em uma aplicação React. Tudo isso será visto por meio de exemplos de integração seguindo a criação de uma aplicação do zero no React, que integra o Redux em sua lógica para lidar com estados.

O que você aprenderá

- O que é o Redux e as vantagens que ele traz quando usado - Como incluir o Redux em um projeto React - Conectando estados do React usando o Redux - Criação e uso de ações para atualizar nossos estados no Redux - Criando uma aplicação React e conectando-a ao Redux