Curso base de React 2025: #29 - Erro comum ao utilizar os providers do React
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
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
Sobre este curso
Bem-vindo à playlist oficial do Curso Base de React! Aqui você encontra todas as aulas organizadas na ordem certa para aprender React do jeito certo — direto ao ponto, com prática e explicações claras. Neste curso gratuito e completo, você vai: - Entender o que é o JSX e como o React funciona por baixo dos panos - Aprender a criar componentes reutilizáveis - Trabalhar com useState, useEffect, useCallback, useMemo e muito mais - Utilizar React com TypeScript desde o início - Construir uma aplicação prática enquanto aprende cada conceito - Evitar atalhos e aprender React puro antes de partir para frameworks como Next.js O curso é ideal tanto para quem está começando quanto para quem quer fortalecer a base no React com boas práticas e contexto moderno (usando Vite como bundler). Dica bônus: Quer uma experiência de estudo mais limpa e focada, sem distrações do YouTube? Acesse a versão deste curso na plataforma externa: https://codarse.com Quer maratonar? Os membros do canal têm acesso antecipado a todas as aulas. Mas se você está vendo isso depois do lançamento, aproveite: o curso completo já está disponível aqui na playlist! Prepare seu ambiente, inscreva-se no canal, ative as notificações e bora codar com React! #CODARSE
Lo que aprenderás en este curso:
- Comprender la arquitectura de componentes de React
- Gestionar el estado de la aplicación con hooks y context
- Crear interfaces de usuario dinámicas y reactivas
- Implementar enrutamiento y navegación en aplicaciones React