Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso avançado de React: #05 - Novo método mocado miragejs, ajuste no service e teste no componente
Play lesson

Curso base de React - Curso Completo de React – Do Zero à Prática com TypeScript - Curso avançado de React: #05 - Novo método mocado miragejs, ajuste no service e teste no componente

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 Nesta aula do curso Avançado de React, a gente vai preparar o terreno para a próxima etapa do nosso projeto: conectar o formulário com os dados reais através de uma API simulada. O foco aqui é fazer ajustes importantes no nosso mock server, adicionando a funcionalidade de buscar um item específico da nossa lista de tarefas pelo ID. Essa rota será fundamental para carregar os dados de forma dinâmica na tela de detalhe, permitindo que o formulário seja usado tanto para criar quanto para editar tarefas. Durante a aula, eu te mostro passo a passo como adicionar essa nova rota GET /todos/:id no mock, explicando por que ela é tão comum em APIs de CRUD e como isso ajuda a organizar melhor o nosso backend simulado. Também fazemos ajustes nos tipos e métodos do nosso todoApi para garantir que ele suporte esse novo fluxo, adaptando o TypeScript para lidar com o campo description, que agora faz parte do nosso modelo. Tudo isso já preparando para o próximo passo, onde vamos carregar esses dados dinamicamente no formulário da aplicação. Mesmo que a aula pareça mais técnica, ela é essencial para te mostrar como estruturar uma aplicação real, com um backend (mesmo que simulado) que se comporta de maneira previsível e padronizada. Ao entender como configurar esse tipo de lógica, tu vai estar muito mais preparado para trabalhar com APIs reais em qualquer projeto. Então segue firme, deixa o like no vídeo e comenta aqui embaixo qualquer dúvida ou sugestão — isso me ajuda a entender se o conteúdo tá te ajudando de verdade. Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/fc402106dfd0ad24051ce9e676325f70601811fc 🗨️ 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:15 | Avisos importantes 0:30 | Criando um método de getById 4:30 | Testando a chamada do getById 5:45 | 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