{"id":29330,"date":"2021-09-01T14:20:52","date_gmt":"2021-09-01T17:20:52","guid":{"rendered":"https:\/\/www.remessaonline.com.br\/blog\/?p=29330"},"modified":"2025-02-06T07:09:39","modified_gmt":"2025-02-06T10:09:39","slug":"redux-para-que-serve-a-biblioteca-e-como-usar-seus-recursos","status":"publish","type":"post","link":"https:\/\/www.remessaonline.com.br\/blog\/redux-para-que-serve-a-biblioteca-e-como-usar-seus-recursos\/","title":{"rendered":"Redux: para que serve a biblioteca e como usar seus recursos?"},"content":{"rendered":"\n<p>O Redux \u00e9 uma ferramenta que vem ganhando popularidade entre os desenvolvedores. Trata-se de uma solu\u00e7\u00e3o para compartilhar estados de componentes diferentes, al\u00e9m de ser pr\u00e1tico, r\u00e1pido e simples.<\/p>\n\n\n\n<p>A ferramenta \u00e9 muito utilizada com o React, mas pode ser aproveitada em qualquer das bibliotecas e estruturas JavaScript. \u00c9 ideal para programas mais complexos e de auto-gerenciamento, visto que auxilia a coordena\u00e7\u00e3o das atividades.<\/p>\n\n\n\n<p>Para entender melhor sobre a ferramenta Redux, acompanhe o conte\u00fado completo que trouxemos! Voc\u00ea ter\u00e1 uma vis\u00e3o mais completa, e um direcionamento inicial para come\u00e7ar a utiliza\u00e7\u00e3o, acompanhe.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 Redux?<\/h2>\n\n\n\n<p>A ferramenta \u00e9 direcionada principalmente para quem trabalha com User Interface, na \u00e1rea de desenvolvimento. Isso, porque o Redux \u00e9 uma biblioteca para armazenamento de estados.&nbsp;<\/p>\n\n\n\n<p>Criado por <strong>Dan Abramov<\/strong>, em 2015, a ideia \u00e9 reunir informa\u00e7\u00f5es, solucionando poss\u00edveis problemas de desencadeamento de a\u00e7\u00f5es. A ferramenta surgiu de uma implementa\u00e7\u00e3o do Flux, criada pelo Facebook para simplificar as a\u00e7\u00f5es do usu\u00e1rio.<\/p>\n\n\n\n<p>Sendo assim, o Redux armazena as informa\u00e7\u00f5es de estado e as unifica. Desta maneira, os componentes, individualmente n\u00e3o possuem a necessidade de armazenar os pr\u00f3prios estados, registrados pelo Redux no store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Para que ele serve?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"640\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/desenvolva-se-com-redux-1024x640.jpg\" alt=\"\" class=\"wp-image-29334\" srcset=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/desenvolva-se-com-redux-1024x640.jpg 1024w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/desenvolva-se-com-redux-300x188.jpg 300w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/desenvolva-se-com-redux-768x480.jpg 768w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/desenvolva-se-com-redux-1170x731.jpg 1170w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/desenvolva-se-com-redux-585x366.jpg 585w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/desenvolva-se-com-redux.jpg 1280w\" \/><\/figure>\n\n\n\n<p>Na pr\u00e1tica, o Redux atuar\u00e1 no gerenciamento de estados dos componentes de um programa. Imagine, ao utilizar o React, a situa\u00e7\u00e3o de compartilhamento para um programa:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>O componente A, por exemplo, identifica o nome de um usu\u00e1rio;<\/li>\n\n\n\n<li>O componente B exibe o estado deste nome;<\/li>\n\n\n\n<li>A integra\u00e7\u00e3o entre os componentes ocorre a partir de um componente pai, que interliga as a\u00e7\u00f5es e as relaciona.<\/li>\n<\/ol>\n\n\n\n<p>Embora o componente pai n\u00e3o participe diretamente da a\u00e7\u00e3o, ele \u00e9 envolvido para coordenar o processo. O funcionamento pode ocorrer muito bem, exceto no caso de surgir a necessidade de uma a\u00e7\u00e3o relacionada a outro componente na \u00e1rvore.<\/p>\n\n\n\n<p>Nesse caso, at\u00e9 que este componente possa ser acionado, seria preciso envolver diversos outros componentes-pai. O processo ocorreria na \u00e1rvore at\u00e9 se encontrar um ancestral comum entre os componentes.&nbsp;<\/p>\n\n\n<!-- This site is converting visitors into subscribers and customers with OptinMonster - https:\/\/optinmonster.com :: Campaign Title: [INB] CRO_Inline_Leads_Guia_Receber_Dev_Topo -->\n<div id=\"om-iu8omihkpic3zk16lfmc-holder\"><\/div>\n<script>(function(d,u,ac){var s=d.createElement('script');s.type='text\/javascript';s.src='https:\/\/a.omappapi.com\/app\/js\/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,27905,'iu8omihkpic3zk16lfmc');<\/script>\n<!-- \/ OptinMonster -->\n\n\n<p><\/p>\n\n\n\n<p>O resultado \u00e9 que a a\u00e7\u00e3o demoraria muito mais, al\u00e9m de acionar componentes desnecess\u00e1rios. Perceba que em aplicativos mais simples isso poderia ocorrer e permitir o funcionamento, mas em programas mais complexos se torna invi\u00e1vel.<\/p>\n\n\n\n<p>O Redux, nesse processo se encaixa no gerenciamento de informa\u00e7\u00f5es. Se antes era necess\u00e1rio acionar diversos componentes, o processo com o Redux \u00e9 modificado:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>O componente A, novamente, exibe o nome de um usu\u00e1rio;<\/li>\n\n\n\n<li>Seu estado \u00e9 registrado pelo store do Redux;<\/li>\n\n\n\n<li>O componente B pode utilizar este dado e exibir a condi\u00e7\u00e3o do nome escolhido;<\/li>\n\n\n\n<li>O processo novamente \u00e9 armazenado, e o pr\u00f3ximo componente pode ser ativado de maneira direta para realizar a a\u00e7\u00e3o.<\/li>\n\n\n\n<li>Este programa, agora, pode funcionar sem a necessidade de acionar componentes que n\u00e3o participam da a\u00e7\u00e3o;<\/li>\n\n\n\n<li>Independentemente da dist\u00e2ncia entre as \u00e1rvores dos componentes, os dados s\u00e3o passados entre eles, diretamente.<\/li>\n<\/ol>\n\n\n\n<p>Sendo assim, o Redux \u00e9 respons\u00e1vel por armazenar e repassar as informa\u00e7\u00f5es entre os componentes quando necess\u00e1rio. Os dados ficam unificados, e \u00e9 muito mais simples identificar e resolver erros que surgem no programa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">O que acontece se o Redux n\u00e3o for utilizado?<\/h3>\n\n\n\n<p>Sem a utiliza\u00e7\u00e3o do Redux n\u00e3o ocorre a comunica\u00e7\u00e3o direta entre os componentes. Desta maneira, as a\u00e7\u00f5es se tornam mais dependentes, mesmo de componentes que n\u00e3o estejam envolvidos.<\/p>\n\n\n\n<p>O resultado, portanto, \u00e9 que em um momento de manuten\u00e7\u00e3o, todo o sistema da aplica\u00e7\u00e3o pode ser prejudicado. Por apresentar forte depend\u00eancia, tamb\u00e9m, caso um componente apresente erro, toda a aplica\u00e7\u00e3o pode ser comprometida.<\/p>\n\n\n\n<p>O Redux oferece maior independ\u00eancia a cada uma das funcionalidades. Por isso, \u00e9 muito mais f\u00e1cil realizar altera\u00e7\u00f5es em um aplicativo com este gerenciamento. Al\u00e9m disso, \u00e9 muito mais simples observar o funcionamento das tarefas com o store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quais os princ\u00edpios do Redux?<\/h2>\n\n\n\n<p>O Redux funciona com 3 grandes princ\u00edpios fundamentais. Vale a pena se aprofundar em cada um deles para entender essa funcionalidade mais a fundo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fonte de verdade:<\/strong> este princ\u00edpio do Redux restringe a \u201cverdade\u201d somente ao store. Desta maneira, a fonte de informa\u00e7\u00f5es e coordena\u00e7\u00e3o dos processos est\u00e1 armazenada em um \u00fanico local.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Como cada atualiza\u00e7\u00e3o sofrida em algum dos componentes \u00e9 armazenada neste n\u00facleo, faz sentido afirmar que qualquer processo estar\u00e1 presente neste banco de dados.<\/p>\n\n\n\n<p>O objeto store, por sua vez, consegue armazenar as mais diferenciadas a\u00e7\u00f5es do aplicativo. Desta maneira, cada um dos componentes est\u00e1 relacionado a esta \u201cfonte de verdade\u201d, do Redux.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Os estados s\u00e3o somente para leitura: <\/strong>a \u00fanica forma de modificar de realizar altera\u00e7\u00f5es nos estados \u00e9 a partir das actions. Desta maneira, quem est\u00e1 utilizando a aplica\u00e7\u00e3o n\u00e3o consegue alterar nenhum processo.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>As altera\u00e7\u00f5es s\u00f3 s\u00e3o feitas a partir de fun\u00e7\u00f5es puras. <\/strong>Para alterar um estado utilizando as actions, \u00e9 preciso fazer o uso de Reducers. Os Reducers, por sua vez, s\u00e3o fun\u00e7\u00f5es puras que realizam a nova a\u00e7\u00e3o e entram em um novo estado.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div id=\"om-br4ral8cqtncouhsdhwk-holder\"><\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quais os principais recursos do Redux?<\/h2>\n\n\n\n<p>Como voc\u00ea j\u00e1 notou, o Redux atua a partir de alguns recursos essenciais para seu funcionamento. Eles s\u00e3o divididos em 3, e possuem fun\u00e7\u00f5es relacionadas aos princ\u00edpios de a\u00e7\u00e3o desta ferramenta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Store<\/h3>\n\n\n\n<p>Trata-se do centro de armazenagem das informa\u00e7\u00f5es do programa. Podemos pensar no store como um n\u00facleo de informa\u00e7\u00f5es globais. Desta forma, o store \u00e9 a parte mais importante do Redux, j\u00e1 que re\u00fane dados de cada um dos componentes do programa.<\/p>\n\n\n\n<p>O store ser\u00e1 consultado por cada um dos componentes no momento de realizar uma a\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>\u00c9 desta forma que o Redux otimiza os processos, j\u00e1 que em vez de acionar diversos outros componentes, a a\u00e7\u00e3o ser\u00e1 realizada somente entre o store e o componente necess\u00e1rio.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reducers<\/h3>\n\n\n\n<p>Os Reducers s\u00e3o as fun\u00e7\u00f5es puras que disparam eventos na aplica\u00e7\u00e3o. Um Reducer, portanto, n\u00e3o possui a capacidade de gerar efeitos colaterais, liberando a\u00e7\u00f5es que atualizam os dados da store.<\/p>\n\n\n\n<p>Cada dado do store, portanto, possuir\u00e1 um Reducer. Podemos dizer que o Reducer ir\u00e1 registrar na store os dados das a\u00e7\u00f5es realizadas, modificando as condi\u00e7\u00f5es registradas.&nbsp;<\/p>\n\n\n\n<p>Desta maneira, a Action indicar\u00e1 a a\u00e7\u00e3o realizada por um reducer, que registrar\u00e1 a atividade, levada ao store. Como nem sempre as actions resultam em evolu\u00e7\u00f5es de estado, o Reducer possui a fun\u00e7\u00e3o de filtragem de informa\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Actions<\/h3>\n\n\n\n<p>Actions s\u00e3o conjuntos de informa\u00e7\u00f5es da aplica\u00e7\u00e3o que se modificam o estado na store a partir dos reducers. Ao realizar um clique, por exemplo, o usu\u00e1rio ter\u00e1 ativado uma action enviada para o store, disparando uma rea\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Ap\u00f3s essa \u201csolicita\u00e7\u00e3o\u201d ser enviada ao store, um reducer processa a informa\u00e7\u00e3o e altera o estado no store. Desta maneira, o status do componente \u00e9 atualizado no store, vis\u00edvel aos demais componentes necess\u00e1rios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como se conectar e aplicar o Redux?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"640\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/reudx-bibliotecas-1024x640.jpg\" alt=\"\" class=\"wp-image-29332\" srcset=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/reudx-bibliotecas-1024x640.jpg 1024w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/reudx-bibliotecas-300x188.jpg 300w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/reudx-bibliotecas-768x480.jpg 768w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/reudx-bibliotecas-1170x731.jpg 1170w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/reudx-bibliotecas-585x366.jpg 585w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/09\/reudx-bibliotecas.jpg 1280w\" \/><\/figure>\n\n\n\n<p>O Redux \u00e9 geralmente utilizado em como uma biblioteca em conjunto com outras bibliotecas dentro do JavaScript. Algumas combina\u00e7\u00f5es comuns de bibliotecas e frameworks com o Redux s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ember;<\/li>\n\n\n\n<li>Vue;<\/li>\n\n\n\n<li>Angular;<\/li>\n\n\n\n<li>React.<\/li>\n<\/ul>\n\n\n\n<p>A forma mais comum de funcionamento, por outro lado, \u00e9 com o React. Isso ocorre porque ambas as bibliotecas possuem princ\u00edpios parecidos.&nbsp;<\/p>\n\n\n\n<p>Ainda assim, para adicionar o Redux em um projeto React \u00e9 preciso adicionar uma biblioteca chamada <strong>\u201cReact-Redux\u201d. <\/strong>Para a instala\u00e7\u00e3o do Redux e aplica\u00e7\u00e3o em seu programa, siga o passo a passo:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Create React App: <\/strong>trata-se do React, onde \u00e9 poss\u00edvel iniciar seu projeto. Como o React funciona muito bem com o Redux, \u00e9 interessante iniciar um programa a partir dele para treinar o uso do Redux.<\/li>\n\n\n\n<li><strong>Fa\u00e7a a instala\u00e7\u00e3o do Redux: <\/strong>tendo instalado e iniciado o React, \u00e9 importante adicionar o Redux como biblioteca no projeto.&nbsp;<\/li>\n\n\n\n<li><strong>Instale a React-Redux: <\/strong>a biblioteca dentro do Redux far\u00e1 a ponte entre o React e o Redux, tornando o projeto mais simples.<\/li>\n\n\n\n<li><strong>Fa\u00e7a a configura\u00e7\u00e3o da biblioteca. <\/strong>Voc\u00ea precisar\u00e1 configurar o Store, os Reducers e as Actions. Vale a pena estudar sobre as melhores op\u00e7\u00f5es, e conferir tamb\u00e9m as op\u00e7\u00f5es de instala\u00e7\u00e3o no <a href=\"https:\/\/redux.js.org\/introduction\/installation\" target=\"_blank\" rel=\"noopener\">site oficial<\/a>.<\/li>\n<\/ol>\n\n\n\n<p>Existe tamb\u00e9m a op\u00e7\u00e3o de operar com o <a href=\"https:\/\/redux.js.org\/redux-toolkit\/overview\" target=\"_blank\" rel=\"noopener\"><strong>Redux Toolkit<\/strong><\/a>. Trata-se de um conjunto oficial de ferramentas que possibilita uma intera\u00e7\u00e3o mais simples com o Redux. \u00c9 uma op\u00e7\u00e3o para facilitar o uso do Redux em seus projetos.<\/p>\n\n\n\n<p>Ap\u00f3s a instala\u00e7\u00e3o destas bibliotecas voc\u00ea encontrar\u00e1 subpastas como \u201cApp.js\u201d e \u201cindex.js\u201d dentro da pasta \u201csrc\u201d. Em um primeiro momento, \u00e9 importante criar uma subpasta para os componentes que voc\u00ea for criar para o projeto.<\/p>\n\n\n\n<p>\u00c9 importante criar um \u201cstate\u201d inicial, e s\u00f3 ent\u00e3o desenvolver as actions do projeto. Neste caso \u00e9 poss\u00edvel separar os componentes em m\u00f3dulos, t\u00edtulos, etc. Basta importar \u201cReact {component}\u201d da biblioteca do React.<\/p>\n\n\n\n<p>Os processos de aplica\u00e7\u00e3o do Redux s\u00e3o complexos e voc\u00ea precisar\u00e1 aplic\u00e1-los na pr\u00e1tica para, de fato, sentir a necessidade da utiliza\u00e7\u00e3o. Nem sempre o Redux ser\u00e1 necess\u00e1rio, ent\u00e3o \u00e9 importante testar as actions e reducers aplicados para garantir que s\u00e3o importantes no projeto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qual a import\u00e2ncia de entender como funciona o Redux?<\/h2>\n\n\n\n\n\n<p>Ao desenvolver uma aplica\u00e7\u00e3o, \u00e9 comum que ocorram erros ao atualizar um determinado componente. Al\u00e9m disso, ao realizar altera\u00e7\u00f5es no programa, voc\u00ea pode notar maior lentid\u00e3o e at\u00e9 mesmo erros e problemas que travam o projeto.<\/p>\n\n\n\n<p>Ao entender o funcionamento do Redux, \u00e9 poss\u00edvel identificar e resolver estes problemas de forma muito mais \u00e1gil. Al\u00e9m disso, voc\u00ea pode substituir complementos com erros sem comprometer outras funcionalidades.<\/p>\n\n\n\n<p>O Redux tamb\u00e9m n\u00e3o \u00e9 recomendado para todos os tipos de programas. Como mencionamos, em aplicativos mais simples, pode n\u00e3o ser necess\u00e1rio. Por outro lado, existe uma grande integra\u00e7\u00e3o de bibliotecas do Redux que podem ser exploradas para projetos espec\u00edficos.<\/p>\n\n\n\n<p>Sendo assim, ao se ter dom\u00ednio sobre esta ferramenta, \u00e9 poss\u00edvel utiliz\u00e1-la em diversos projetos, a partir de bibliotecas parecidas. A implementa\u00e7\u00e3o do Redux tamb\u00e9m se tornou muito mais simples com o Redux Toolkit.<\/p>\n\n\n\n<p>Aprender sobre o Redux, portanto, possibilita que seus projetos sejam desenvolvidos de forma mais r\u00e1pida e simples. Al\u00e9m disso, as atualiza\u00e7\u00f5es dos seus programas poder\u00e3o ser feitas sem comprometer o restante do projeto, de maneira mais precisa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Para que o uso do Redux est\u00e1 sendo mais solicitado?<\/h2>\n\n\n\n<p>Por possuir um bom funcionamento com o React, o Redux pode ser muito cobrado em projetos que envolvem esta biblioteca. Al\u00e9m disso, as propriedades do Redux oferecem condi\u00e7\u00f5es escal\u00e1veis para aplicativos que precisam de atualiza\u00e7\u00f5es.<\/p>\n\n\n\n<p>Sendo assim, ele pode ser muito procurado para fun\u00e7\u00f5es Web ou aplicativos mobile. Geralmente s\u00e3o projetos mais extensos, que envolvam muitos componentes e fun\u00e7\u00f5es que precisam ser atualizadas frequentemente.<\/p>\n\n\n\n<p>Algumas bibliotecas do Redux podem tamb\u00e9m representar utilidade para outros projetos, complementando o Redux. Algumas que podem ser aplicadas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Redux-thunk;<\/li>\n\n\n\n<li>Redux-saga;<\/li>\n\n\n\n<li>Redux-logger;<\/li>\n\n\n\n<li>Redux-offilne;<\/li>\n\n\n\n<li>React hooks \u2014 o React Hooks pode ser usado com o Redux. A atualiza\u00e7\u00e3o do React permite que o state e outros recursos sejam utilizados sem a necessidade de inserir uma classe.<\/li>\n<\/ul>\n\n\n\n<p>Entender a utiliza\u00e7\u00e3o do Redux pode ser um passo importante para avan\u00e7ar na programa\u00e7\u00e3o. Por auxiliar projetos maiores, o Redux comp\u00f5e o curr\u00edculo de desenvolvedores de JavaScript que atuam em aplicativos mais complexos.<\/p>\n\n\n\n<p>Ah, e que tal participar do desenvolvimento em projetos do exterior? A Remessa Online pode te ajudar no recebimento de transfer\u00eancias internacionais. Contamos com agilidade neste servi\u00e7o, al\u00e9m de taxas menores que as tradicionais.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.remessaonline.com.br\/\">Conhe\u00e7a hoje mesmo a plataforma de transa\u00e7\u00f5es no exterior e garanta menos burocracia no recebimento!<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>O Redux \u00e9 uma \u00f3tima forma de conduzir componentes que precisam ser gerenciados de forma global.&nbsp;<\/p>\n\n\n\n<p>Sendo assim, nos casos de programas nos quais as \u00e1rvores se distanciam, \u00e9 poss\u00edvel que existam informa\u00e7\u00f5es trocadas sem que outros dispositivos sejam ativados.&nbsp;<\/p>\n\n\n\n<p>A grande vantagem \u00e9 n\u00e3o haver a necessidade de buscar dentro de cada componente as fun\u00e7\u00f5es que operam e seu estado.&nbsp;<\/p>\n\n\n\n<p>Assim, as opera\u00e7\u00f5es s\u00e3o separadas em funcionalidades, n\u00e3o mais componentes individuais.&nbsp;<\/p>\n\n\n\n<p>H\u00e1 tamb\u00e9m a possibilidade de trabalhar com o Redux em algum m\u00f3dulo ou componente.&nbsp;<\/p>\n\n\n\n<p>Nem sempre \u00e9 necess\u00e1rio aplicar esta ferramenta em um projeto por completo, e isso pode ser explorado conforme a necessidade do desenvolvedor.<\/p>\n\n\n\n<p>Em alguns casos, a concentra\u00e7\u00e3o das informa\u00e7\u00f5es facilitar\u00e1 as edi\u00e7\u00f5es e melhorias do projeto, al\u00e9m de promover maior rapidez a ele.&nbsp;<\/p>\n\n\n\n<p>Sabemos que um desenvolvedor precisa ser auto-didata, ent\u00e3o fique sempre atento \u00e0s atualiza\u00e7\u00f5es propostas pelo Redux!<\/p>\n\n\n\n<p>No mais, esperamos que voc\u00ea escale seus projetos e desenvolva aplica\u00e7\u00f5es cada vez maiores com esta ferramenta!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea conhece o Redux? Veja nesse post o que \u00e9 essa ferramenta e saiba para que ela serve e quando utiliz\u00e1-la.<\/p>\n","protected":false},"author":14,"featured_media":29333,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[43393,43390],"tags":[32991,32990,15018,26420,32893],"class_list":["post-29330","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-e-apps","category-tecnologia","tag-app-aplicativos","tag-facebook","tag-recebimento","tag-remessa-online","tag-transferencias-internacionais"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/posts\/29330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/comments?post=29330"}],"version-history":[{"count":0,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/posts\/29330\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/media\/29333"}],"wp:attachment":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/media?parent=29330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/categories?post=29330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/tags?post=29330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}