Front-end em REACT. Novas opções para consumir APIs e dados. Simples, rápidas, completas...
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"? | ||
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." | ||
02 - React Query | ||
"Performant and powerful data synchronization for React" | ||
03 - useFetch / use-http | ||
"React hook for making isomorphic http requests" | ||
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" | ||
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! |