O Primeiro Curso de React que Você Deveria Ver — Atualizado 2025 (Next.js 16)

Esta aula é apresentada como o primeiro curso de React que um desenvolvedor deveria assistir, pois foca intensamente nos conceitos fundamentais da biblioteca [00:00:00]. Usando React 19 e Next.js 16 [00:00:12], o instrutor aborda os dois pilares que facilitam todo o resto do aprendizado: Componentes e a Árvore de Componentes [00:04:41].

O que você vai aprender

• Conceitos Fundamentais: O que é um Componente e o que é uma Árvore de Componentes [00:04:49].
• Setup: Como criar um novo projeto React usando Next.js 16 [00:09:15].
• Componentes:
  • Criar componentes funcionais [00:06:12].
  • O que é JSX e como ele é retornado [00:07:27].
  • Passar propriedades (Props) para componentes [00:23:38].
  • Composição de componentes e o uso de children [01:10:46].
• Estilização: Como usar Tailwind CSS para estilizar componentes [00:27:46].
• Estado e Eventos:
  • Lidar com eventos, como onClick [00:52:34].
  • Gerenciar o estado interno de um componente com o hook useState [00:59:10].
  • A importância de "Use Client" no Next.js para interatividade [00:53:08].
• Next.js (App Router):
  • Como funciona o roteamento baseado em pastas (criando page.tsx) [01:20:20].
  • Criar um layout de página reutilizável [01:09:05].
  • Usar o componente Link para navegação [01:18:39].

Pré-requisitos

• Conhecimento de HTML (entender o uso de tags) [00:02:32].
• Conhecimento de CSS (a aula utiliza Tailwind, mas os conceitos de CSS são a base) [00:02:49].
• Conhecimento de JavaScript (especialmente a definição de funções) [00:03:03].

Para quem é este curso

Desenvolvedores que estão começando no React e buscam uma compreensão sólida dos conceitos centrais antes de avançar. Também é útil para quem quer se atualizar nas versões mais recentes do React (19) e Next.js (16).