Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso avançado de React: #02 - useNavigate e Link quando usar cada
Play lesson

Curso base de React - Curso Completo de React – Do Zero à Prática com TypeScript - Curso avançado de React: #02 - useNavigate e Link quando usar cada

5.0 (1)
21 learners

What you'll learn

This course includes

  • 11.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso avançado de React, a gente vai continuar evoluindo nossa aplicação de to-do list e trazer um comportamento mais alinhado ao que vemos em aplicações profissionais. Em vez de adicionar as tarefas diretamente na tela principal, vamos alterar a lógica do botão de adicionar para que ele nos leve até a tela de detalhes, onde será possível cadastrar o novo item com mais controle e estrutura. Essa abordagem simula o fluxo de criação e edição mais comum em apps reais. Além disso, vamos aproveitar esse ajuste para explorar na prática como fazer navegação programática usando o useNavigate do React Router. Eu te mostro o passo a passo para transformar um botão em uma navegação funcional e explico quando faz mais sentido usar um Link no lugar de um button. Também vamos ver como aplicar estilos corretamente para manter a consistência visual mesmo ao trocar elementos da interface. Essa aula é perfeita para quem quer entender como refinar componentes, aplicar boas práticas de navegação e melhorar a experiência do usuário dentro de uma SPA feita com React. Tudo isso com exemplos práticos, código real e explicações diretas ao ponto. Se tu tá buscando levar teu projeto a um novo nível de organização e profissionalismo, essa aula foi feita pra ti. Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/1a0c78a0282963b4f4207cd51fddaf7bdb663da3 🗨️ 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:30 | Avisos importantes 0:55 | Removendo InpuTAdd 3:30 | Entendendo as navegações do React Router 7:30 | Alterando o botão para um Link do react router 9:20 | Ajustando o alinhamento do botão 10:46 | Finalização e agradecimentos CODARSE - [Membros apenas] Formulários avançados #ReactJS #Vite #TypeScript #JavaScript #FrontEnd #Programação

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere