Se você programa em ReactJS já deveria saber que mesmo trazendo grande flexibilidade para o front-end, a biblioteca possui muitos problemas com motores de busca (SEO), por isso, nesse post vamos falar sobre SSR (server-side rendering).

Provavelmente você já percebeu que o ecossistema do React é muito aquecido e diversas tecnologias por volta dessa ferramenta surgem todos os dias: GraphQL, Flow, NextJS, Apollo, Relay, etc. Claro que seu tempo é limitado e por isso vamos analisar nesse post as ferramentas mais interessantes para você estudar. Chega de conversa fiada e bora pra lista!

Vamos construir juntos a funcionalidade completa de autenticação dentro do React Native, mostrando como que a gente faz a chamada API, como pega o token, usuário, como armazena os dados no Async Storage, como criar um contexto para deixar essas informações disponibilizadas em toda aplicação, como  criar um custom hook, como controlar o estado de loading das informações que ainda não foram recuperadas do Storage, aonde que a gente faz autenticação, onde que a gente faz logout,  o que a gente faz com Async Storage no momento que a gente fizer SignIn, SignOut ou quando a tela principal é carregada, como determinar qual stack de rotas que vamos utilizar de acordo com estado do usuário logado ou deslogado. Uauu, fluxo completo!

Vercel criou o React Hook SWR para entregar uma melhor experiência ao usuário (UX), o segredo está em como a ferramenta lida com os dados que foram buscados independente da implementação do back end (Java, Node.js  PHP) e da API que a realiza a busca no Front End, por exemplo fetch API do JavaScript e Axios amplamente utilizados para essa finalidade.