Em pleno 2022, como você anda consumindo suas API´s no REACT?
0
0

Em pleno 2022, como você anda consumindo suas API´s no REACT?

Front-end em REACT. Novas opções para consumir APIs e dados. Simples, rápidas, completas...

Marcio Figueiredo - Full-stack DEV
2 min
0
0

Esta aqui é rapidinha. Pra galera Frontend ou Full Stack...

Consumir, carregar, consultar ou gravar dados, de API´s, serviços, BD´s?

Como você tem feito? Redux? Axios? Outro framework? Hooks? "Na mão"?

Email image

Vou te recomendar 3 bibliotecas/frameworks interessantes (e um brinde no final). Algumas já usei, outras somente experimentei, mas são formas interessantes de tratar esta questão.

A cada dia temos mais opções para tratar estas questões de consumo e gravação de dados no front-end (React). Nos ajudando a criar um código robusto, rápido, organizado, sem necessariamente ser gigante ou complexo.

Se duvida, acessa lá os sites de cada opção e veja os exemplos básicos e práticos. São simples de experimentar! (E volta aqui e me conta o que achou ou até se já utilizava em seus projetos).

01 - Remix

"Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience."

https://remix.run/

02 - React Query

"Performant and powerful data synchronization for React"

https://react-query.tanstack.com/

03 - useFetch / use-http

"React hook for making isomorphic http requests"

https://use-http.com/#/

04 (Bônus!) - react-hooks-global-state

* E se um dado que você carregou em algum componente precisar ser compartilhado com outro? De uma forma mais simples que um controle de estado completo entre componentes?

"Simple global state for React with Hooks API without Context API"

https://github.com/dai-shi/react-hooks-global-state#readme

Enfim...

É claro que não existe "bala de prata". Por isto não estou lhe recomendando nenhuma das opções para alguma questão específica.

Recomendo sim que conheça, estude, experimente, veja em que estado se encontra o projeto (é um beta? Já é algo amplamente adotado?), pesquise sobre a comunidade, sobre suporte, etc.

E se entender que é aderente ao seu projeto, à arquitetura, aos requisitos e parâmetros. Se for facilitar o seu trabalho, lhe ajudar a estruturar bem seu código, adotar padrões e melhores práticas, ter uma boa cobertura de testes, fazer entregas mais rápidas e contínuas, vá fundo!

Não somente com estas bibliotecas e frameworks mas com outras em geral.

Se quiser que eu fale mais profundamente sobre alguma delas, traga exemplos, comenta aí.

Abraço!