Série da semana: Conheça o jeito Pythônico de programar

Veja mais
O projeto está inativo

Como começar com o Redux?

Nesta documentação vamos entender melhor o funcionamento da biblioteca Redux, vantagens e desvantagens, quem desenvolveu e porque utilizá-la.

Introdução ao Redux

O Redux é uma biblioteca JavaScript criada por Dan Abramov que serve como um container de estados, ou seja, serve para armazenar em um único local as informações da aplicação. Na prática, isso serve para garantir que todos os locais da aplicação recuperem os dados de um mesmo lugar, ou seja, um fluxo unidirecional de dados por toda a aplicação.

Apesar de construído no React, o Redux pode ser utilizado com o Angular, Vue.js ou JavaScript puro por ser agnóstico a um framework.

O Redux é uma implementação do padrão arquitetural Flux criado pelo Facebook, e utiliza boas práticas e conceitos de linguagens funcionais como Elm. É hoje umas das bibliotecas mais conhecidas pela comunidade React para a gestão de estados da aplicação.

O Redux possui três princípios básicos:

  1. Uma única fonte da verdade: este princípio baseia-se no fato de que os dados ficarão armazenados em um único local da aplicação, a Store. Desta forma, quando uma parte da aplicação é modificada, todas as outras que precisarem dessa informação serão notificadas instantaneamente das mudanças podendo executar as mudanças necessárias.
  2. O estado e somente leitura: o Redux salva todas as informações como somente leitura, ou seja, não podem ser alterados. Isso significa que um estado nunca é modificado, mas sim sobrescrito.
  3. Todas as mudanças são feitas a partir de funções puras: todas as mudanças devem ser criadas a partir de funções que não causem efeitos colaterais na aplicação. Sempre que elas receberem os mesmos argumentos gerarão os mesmos resultados.

A princípio, o Redux pode parecer complexo por sua estrutura diferente dos padrões de arquitetura populares como o MVC, por exemplo. Contudo, entender como funciona pode ajudá-lo a construir aplicações de média e grande escala bem organizadas e fáceis de manter, além de centralizar em um único ponto requisições HTTP e funções assíncronas que poderão ser substituídas posteriormente sem que seja necessária a reescrita de vários módulos da aplicação.

Saiba mais Veja a Série Crie aplicações React com Redux
Suporte ao aluno - Deixe a sua dúvida.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrado através do seu cartão de crédito. *Tempo minimo de assinatura: 12 meses.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrada através do seu cartão de crédito. *Tempo mínimo de assinatura: 12 meses.