Como criar autenticação com GraphQL e Apollo Client na prática

Links importantes para você se desenvolver como dev👇 • Teste seus conhecimentos em IA https://rseat.in/teste-conhecimento-dev • Relatório de Carreira e Tendências Tech exclusivo da Rocketseat: https://rseat.in/relatorio-exclusivo • Conte com a Rocketseat para se desenvolver em programação e IA: https://rseat.in/rocketseat- • Conheça nossos conteúdos de IA disponíveis no catálogo: https://rseat.in/ia-na-rocketseat • Junte-se a + 250mil devs em nossa comunidade no Discord: https://rseat.in/comunidade-dev • Curso Desenvolvendo uma Aplicação Full Stack com GraphQL: https://rseat.in/curso-rocketseat-ful... Neste vídeo, você vai aprender como desenvolver a autenticação de uma aplicação Full Stack com GraphQL utilizando Apollo Client, criando toda a comunicação entre o front-end e o back-end. Ao longo da aula, você verá como configurar o Apollo Client, criar Mutations, integrar o cadastro de usuários, gerenciar autenticação com Zustand e aplicar tipagem utilizando TypeScript. Além da implementação prática, você entenderá como estruturar a arquitetura da aplicação para manter o código organizado, reutilizável e escalável, utilizando boas práticas de desenvolvimento com React, GraphQL e gerenciamento de estado. Você vai aprender sobre: Como estruturar a camada de comunicação entre React e GraphQL Como organizar a arquitetura de uma aplicação Full Stack de forma escalável Como criar um fluxo de autenticação mais seguro e organizado Como integrar diferentes tecnologias mantendo o código limpo e reutilizável Boas práticas para escalabilidade e manutenção de aplicações React Estratégias para reduzir código repetitivo durante o desenvolvimento Como preparar a base do projeto para futuras funcionalidades de autenticação Como aplicar conceitos utilizados em aplicações reais do mercado Dá o play e vem conferir na prática 👇 00:00 - 01:13 - Como configurar o Apollo Client em uma aplicação Full Stack com GraphQL? 01:13 - 02:37 - Como conectar o Apollo Client ao back-end GraphQL? 02:37 - 04:26 - Como criar uma Mutation de cadastro (Register) no GraphQL? 04:26 - 05:33 - Como testar uma Mutation no Apollo Server? 05:33 - 06:37 - Como gerenciar autenticação com Zustand no React? 06:37 - 07:49 - Como criar a tipagem do usuário com TypeScript? 07:49 - 08:46 - Como estruturar o estado de autenticação da aplicação? 08:46 - 10:09 - Como implementar o método de cadastro (Signup) com GraphQL? 10:09 - 10:46 - Como tratar erros em requisições GraphQL? 10:46 - 11:51 - Como executar uma Mutation usando o Apollo Client? 11:51 - 13:42 - Como salvar token e usuário após o cadastro? 13:42 - 16:18 - Como tipar Mutations no GraphQL com TypeScript e revisar toda a implementação? ----- 🚀 Conte com a Rocketseat para se desenvolver em programação e IA: https://rseat.in/rocketseat- 🎓 Conheça os cursos de graduação e pós-graduação da Faculdade de Tecnologia Rocketseat: https://rseat.in/faculdade-rocketseatt 📚 Comece na programação com nossos cursos GRATUITOS: https://rseat.in/aprenda-programacao 🏢 Quer saber o nível de IA na sua empresa ou time? Veja aqui e receba um plano de ação para aplicar: https://rseat.in/ia-no-seu-time 🗣️ Conecte-se a +250mil devs e avance para o próximo nível com a nossa comunidade: https://rseat.in/comunidade-dev Acompanhe a Rocketseat nas redes sociais: TikTok: @rocketseat Facebook: @rocketseat Instagram: @rocketseat