Gerenciamento de Requisições React com bibliotecas @zup-next: P3 | Zup
Gerenciamento de Requisições React com bibliotecas @zup-next: P3
• 7 ago 2019
Chega mais na terceira e última parte da nossa série de artigos sobre Requisições no React. Se você ainda não leu os anteriores, veja aqui Parte 1 e Parte 2. O código completo para a aplicação demo que estamos construindo nesta série pode ser encontrado aqui.
Foi nessa linha de pensamento que resolvemos criar a biblioteca que é base dessa última parte da série. A seguir, iremos explicar como o uso da biblioteca melhorou consideravelmente vários aspectos para nossos clientes e para nós desenvolvedores.
Voltando na nossa aplicação demo, podemos dizer que ela já foi implementada e funciona muito bem, mas ainda podemos fazer uma melhoria. Se você abrir o painel Network, nas ferramentas de desenvolvedor do Chrome, verá que alguns recursos são chamados, na maioria das vezes, desnecessariamente.
Painel Network após a compra de um filme e exibição do catálogo (sem cache)
<p> CODE: https://gist.github.com/Tiagoperes/034bbca8938d7f347d8debb5c455cfb6.js</p>
<p> CODE: https://gist.github.com/Tiagoperes/9872df1985047afb145fbdd244828ff8.js</p>
<p> CODE: https://gist.github.com/Tiagoperes/e433616be30cf35bb55b1b497d2bdb13.js</p>
Painel Network após a compra de um filme e exibição do catálogo (com cache)
No começo desse nosso papo, falamos sobre a importância de desenvolvedores frontend se importarem de forma minimalista com a experiência que proporcionam ao usuário. Essa abordagem do redux-action-cache nos permitiu melhorar a comunicação do usuário com a aplicação, diminuindo a quantidade de requisições feitas ao servidor, o que trouxe diversos benefícios, como a redução no número de loadings da aplicação e redução na carga do servidor.
Pronto! Chegamos ao fim. No decorrer desses três artigos criamos uma aplicação com as bibliotecas redux-resource e redux-action-cache. Através dessas bibliotecas, foi possível simplificar o código no que diz respeito ao gerenciamento de requisições. Além disso, criamos um cache inteligente de fácil configuração. Obrigado pela leitura e se tiver dúvidas ou sugestões, não hesite em utilizar o Github para criar issues ou submeter pull requests.
Abaixo, deixo uma lista com os links mais úteis relacionados ao conteúdo desta série.
Aproveito para deixar um agradecimento aos demais autores da biblioteca e deste artigo: Isac e Raphael de Souza