Curso base de React - Curso Completo de React – Do Zero à Prática com TypeScript - Curso base de React 2025: #29 - Erro comum ao utilizar os providers do React

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React, a gente vai construir juntos um hook personalizado de autenticação que vai facilitar muito o controle de acesso às rotas da tua aplicação. Eu vou te mostrar passo a passo como criar o useIsAuthenticated e como ele pode te dizer de forma clara e direta se o usuário está autenticado ou não. Esse tipo de hook é essencial em qualquer projeto com login, e tu vai ver como usar ele no momento certo, no lugar certo, evitando erros comuns. Além disso, vamos organizar a estrutura do projeto de forma mais limpa e escalável. A gente cria um componente AppRoutes, responsável por renderizar as rotas públicas e privadas, e coloca o AuthProvider no nível certo da aplicação. Esse ajuste é crucial para que o hook funcione corretamente e tenha acesso ao contexto de autenticação. No final, tu já vai ter um fluxo funcional de login simulando autenticação, com redirecionamento automático e controle total da interface com base no estado do usuário. Se tu quer dominar de verdade o React moderno, aprender a criar hooks personalizados é um passo fundamental. Essa aula vai te dar a base que tu precisa para escrever código mais reutilizável, organizado e alinhado com as boas práticas da biblioteca. E se tu quiser continuar aprendendo ainda mais, lembra que os membros do canal têm acesso ao curso avançado de React, que aprofunda ainda mais esse tipo de técnica. Então já te inscreve, deixa o like e bora pra aula! Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/0b1b34cfec18fe8b4bf7e5308daab59247f2c3c6 🗨️ 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 | Configurar a alternância entre telas privadas e públicas 3:50 | Entendendo o erro de uso de contexto 6:45 | Finalização e agradecimentos CODARSE - Context API, useContext, useCallback e useMemo #ReactJS #Vite #TypeScript #JavaScript #FrontEnd #Programação