Trilha de Estudo · 18 módulos · 3 idiomas

Domine React
direto do YouTube.

237 vídeos recentes e curados em português, inglês e espanhol, em 18 módulos — dos fundamentos e hooks à otimização, gerenciamento de estado, hooks avançados, micro frontends e integração com IA/APIs/BaaS, deploy na AWS, JavaScript avançado, TypeScript e testes. Do junior ao sênior — cada link foi verificado e você marca seu progresso conforme assiste.

A trilha completa

18 módulos, dos fundamentos ao nível sênior

🧩01

Fundamentos de React

JSX, componentes, props, state, eventos e renderização. A base — React 19 incluso.

17 vídeos →
🧠02

Hooks & Conceitos

useState, useEffect, useContext, custom hooks, Virtual DOM, reconciliation e Fiber.

15 vídeos →
03

Otimização & Performance

memo, useMemo, useCallback, re-render, code splitting e React Server Components.

14 vídeos →
📡04

Real-time

WebSockets, Socket.io, Server-Sent Events (SSE) e dados ao vivo com UI otimista.

13 vídeos →
🎨05

Sites & Landing Pages

Next.js, Tailwind, Framer Motion, portfólios e landing pages do zero ao deploy.

15 vídeos →
06

Next.js (framework)

App Router, file-system routing, Server Components, data fetching, caching, server actions e deploy.

14 vídeos →
📱07

React Native (mobile)

Apps iOS/Android com Expo e Expo Router: componentes nativos, navegação, estilos e publicação.

16 vídeos →
🤖08

Integração com IA / LLM

Vercel AI SDK, streaming, chat UI e integração com OpenAI/Anthropic em React.

11 vídeos →
🔌09

Integração com APIs / Backend

fetch, Axios, React Query/TanStack, SWR e consumo de REST/GraphQL.

12 vídeos →
🗄️10

Integração com BaaS

Supabase e Firebase: auth, banco realtime, Firestore e storage.

14 vídeos →
🗃️11

Gerenciamento de Estado

Controle de estado de componente: Context API, useReducer, Redux Toolkit, Zustand e Jotai — quando usar cada um.

12 vídeos →
🪝12

Hooks Avançados

useReducer, useRef, custom hooks, useImperativeHandle e concurrent (useTransition/useDeferredValue). Nível entrevista.

12 vídeos →
⚙️13

Vite & APIs do Navegador

Vite (setup, plugins, env, bundler) + APIs do navegador: fetch, localStorage, sessionStorage e IndexedDB.

12 vídeos →
🧱14

Micro Frontends

Module Federation (Webpack/Vite/Rspack), monorepos e composição de apps independentes por time. Arquitetura escalável.

12 vídeos →
☁️15

AWS — Deploy & Microsserviços

Deploy de frontend (S3 + CloudFront, Amplify, CodePipeline) e microsserviços na AWS (Lambda, API Gateway, ECS/Fargate).

12 vídeos →
🟨16

JavaScript Avançado

Base que entrevista sênior cobra: closures, event loop, microtasks, prototypes/herança e assíncrono (Promises, async/await) a fundo.

12 vídeos →
🔷17

TypeScript

Do básico ao avançado: tipos, interfaces, generics, utility types, discriminated unions, infer e React + TS (props, hooks e componentes genéricos).

12 vídeos →
🧪18

Testes & Qualidade

Vitest, React Testing Library, Playwright (E2E/component) e TDD. Cobertura, mocks e MSW — o que diferencia pleno de sênior.

12 vídeos →

Sobre a curadoria

Conteúdo recente

Curadoria prioriza vídeos atuais (React 19, Next.js 16, RSC) — sem material desatualizado nos tópicos que mudam rápido.

Links verificados

Cada vídeo teve o ID confirmado via YouTube oEmbed — sem links quebrados nem títulos inventados.

Multilíngue de verdade

Português, inglês e espanhol nos módulos. Filtre por idioma e estude no seu conforto.

Progresso salvo

Marque 'Já assisti' em cada vídeo. O progresso fica salvo no seu navegador (localStorage), sem login.

Já estudou e quer aplicar
num projeto real?

Construo apps, dashboards e landing pages em React/Next.js em produção. Vamos conversar sobre o seu caso.

Falar no WhatsApp

Respondo em até 2 horas úteis.

Ou me encontre em

LinkedIn