Desde que comecei a utilizar o React o consumo de API é sempre muito semelhante, nós utilizamos de um useEffect e um useState para armazenar os dados da API em um componente, mas será que dessa forma conseguimos oferecer a melhor experiência pro usuário?
Nesse vídeo, utilizamos uma ferramenta desenvolvida pela mesma empresa que criou o Next.js e o serviço de deploy mundialmente conhecido como Now.sh (que agora virou apenas Vercel), para implementar uma técnica de invalidação de cache conhecida como `state-while-revalidate` que consiste em armazenar uma versão provisória de todas requisições HTTP para ter sempre os dados o mais rápido possível enquanto buscamos os dados atualizados em segundo plano.
Repositório no Github: https://github.com/Rocketseat/youtube-react-swr
-----
Acompanhe a Rocketseat nas redes sociais:
Site: https://www.rocketseat.com.br
Twitter: https://www.twitter.com/rocketseat
Facebook: https://www.facebook.com/rocketseat
Instagram: https://www.instagram.com/rocketseat_oficial
Comunidade: http://comunidade.rocketseat.com.br
Blog: https://rocketseat.com.br/blog
Inscreva-se na nossa Newsletter!
https://rocketseat.ck.page/b4b4e90122
Ouça também:
Spotify: https://spoti.fi/2PwXeUp
Anchor.fm: https://anchor.fm/faladev
Apple Podcasts: https://apple.co/2pReOrN
Google Podcast: http://bit.ly/2Cgj077
