Curso base de React 2025: #28 - Criando um contexto de autenticação com o React Context API

Sobre esta lección

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React, a gente finalmente começa a trabalhar com o Context API na prática, criando um contexto de autenticação completo para a aplicação. Eu vou te mostrar como construir um AuthProvider do zero, com funções de login, logout e armazenamento de informações importantes como o e-mail e o access token do usuário. Tudo isso com React puro, usando hooks e tipagens com TypeScript, do jeito certo para te preparar para aplicações mais complexas. Além disso, vamos construir juntos um hook personalizado para acessar esse contexto, tornando o uso muito mais simples e limpo em qualquer parte da aplicação. Esse é um passo fundamental se tu quer compartilhar dados globais entre os componentes, como saber se o usuário está autenticado, exibir ou esconder páginas protegidas e garantir uma navegação fluida e segura. Mesmo sem backend, tu vai entender exatamente como esse fluxo funciona e como aplicar isso em um cenário real depois. Se tu tá começando com React ou até já tem alguma experiência mas ainda não se sente confiante com Context API, essa aula vai te ajudar muito. A gente foca no essencial, sem enrolação, e tu já sai com uma estrutura pronta que pode adaptar e usar nos teus projetos. E se quiser ir além, lembra que os membros do canal têm acesso ao curso avançado de React, que é a continuação direta desse conteúdo. Então, já te inscreve, dá o like no vídeo e bora pra aula! Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/0f706b33b259933e72305a67f72a4b88ead63c35 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc 💎 Curso base de React - https://youtu.be/ggtWTKbhN_U 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Conteúdo: 0:00 | Apresentação da aula 0:20 | Avisos importantes 0:40 | Revisão 2:15 | Criando o context de autenticação 6:20 | Configurando o provider 9:15 | Utilizando o context na tela de login 12:20 | Criando um auth mocado com context 14:30 | Finalização e agradecimentos CODARSE - Context API, useContext, useCallback e useMemo #ReactJS #Vite #TypeScript #JavaScript #FrontEnd #Programação