Curso base de React 2025: #06 - Por que componentes são a coisa mais incrível já invetada?

Lección 6 de 5212%

Sigue así. Cada lección te acerca más a tu certificado.

Sobre esta lección

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula eu te mostro como criar componentes no React do jeito certo. A gente vai montar juntos um componente simples de Card, entender como passar propriedades (props), como permitir que o componente receba conteúdo filho (children) e como reutilizar esse componente várias vezes na interface. Tu vai ver na prática como tudo no React gira em torno de componentes e como isso torna teu código muito mais organizado e reutilizável. Também te explico o papel das interfaces no TypeScript pra garantir que tu passe os dados certos pros componentes, sem dor de cabeça. Se tu quer seguir firme como dev React, entender bem essa aula é fundamental. Então assiste até o fim, comenta aqui embaixo se ficou alguma dúvida, e se tu quiser acesso completo a esse curso (e ao curso avançado também), te torna membro aqui do canal. Valeu! Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/d4a85073d4eb77912f6f65e96247b85c7f5a9ae8 🗨️ 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 1:00 | Tudo se resume a criar componentes 2:40 | Criando um componente de CARD 7:00 | Por que componentes React são incríveis 10:00 | Como receber filhos nos componentes React 12:00 | Finalização e agradecimentos CODARSE - Primeiros passos com o projeto React #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

Lección 6 de 52Nivel: principianteDuración total: 11h 22m

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