Curso base de React 2025: #01 - Limpando o código e criando o primeiro contador interativo

Lección 1 de 522%

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 Neste vídeo, você acompanha uma aula prática e introdutória sobre como o React funciona na prática dentro de um projeto real. O professor começa apresentando a estrutura inicial do projeto, mostrando como iniciar o servidor de desenvolvimento e acessar a aplicação no navegador. A partir disso, ele explora os primeiros arquivos do projeto e propõe a construção de um contador simples, explicando passo a passo a lógica por trás do useState e do JSX, conceitos fundamentais para qualquer desenvolvedor React. Além da parte prática, o vídeo também reforça a importância do feedback da comunidade e convida os alunos a se inscreverem no canal para acompanhar conteúdos futuros, inclusive aulas mais avançadas. Há ainda uma apresentação rápida da plataforma Codare, que oferece os mesmos cursos disponíveis no YouTube em uma interface mais focada e semelhante à da Udemy, pensada para proporcionar uma experiência de aprendizado mais fluida e organizada. Por fim, o vídeo termina com a construção de um pequeno "Hello World" interativo, já utilizando conceitos essenciais como componentes funcionais, manipulação de estado e eventos de clique. Essa abordagem prática serve como ponto de partida para entender como o React realmente funciona por trás das cortinas. Nas próximas aulas, o curso vai se aprofundar na estrutura do projeto, explicando melhor cada arquivo e funcionalidade. Não se esqueça de deixar o like, comentar suas dúvidas e se inscrever no canal para continuar acompanhando a série. Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/53fc6870df26f09bee0a179ecda9752ddc753098 🗨️ 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 do curso 0:30 | Avisos importantes 2:25 | Entendendo como as coisas funcionam no React 3:40 | Editando os primeiros arquivos 4:40 | Todas as coisas são componentes no React 5:55 | Criando o primeiro contador 9:00 | Finalização e agradecimentos CODARSE - Introdução e apresentação do curso #ReactJS #Vite #TypeScript #JavaScript #usestate #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 1 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