Visão Geral

O Curso React.js Fundamentals é a formação mais completa e atualizada para quem deseja dominar a biblioteca nº 1 do mercado front-end. Do zero até a construção de aplicações SPA profissionais, você aprenderá Hooks, Performance, State Management moderno, Server Components, testes e deploy real. Perfeito para quem está começando ou quer atualizar seus conhecimentos para os padrões exigidos pelas grandes empresas e startups

Objetivo

Após realizar este Curso React.js Fundamentals você será capaz de:

• Criar aplicações React modernas com Next.js 15 (App Router) ou Vite
• Dominar completamente Hooks (useState, useEffect, useReducer, custom hooks)
• Gerenciar estado complexo com Zustand e React Query
• Consumir APIs REST e GraphQL de forma eficiente
• Implementar autenticação completa (NextAuth.js v5 ou Auth.js)
• Aplicar as melhores práticas de performance e SEO
• Escrever testes com Jest + React Testing Library
• Fazer deploy profissional em Vercel, Netlify e Cloudflare Pages

Publico Alvo

• Desenvolvedores Front-end iniciantes e intermediários
• Desenvolvedores Full-stack que querem dominar o front
• Profissionais de outras áreas (Java, Python, .NET, PHP) migrando para JavaScript
• Estudantes de bootcamps e universidades
• Designers que querem evoluir para Front-end
• Profissionais que já conhecem React antigo e precisam se atualizar para Hooks + App Router

Pre-Requisitos

• Conhecimento sólido de JavaScript ES6+ (arrow functions, destructuring, promises, async/await)
• HTML5 e CSS3 intermediário (Flexbox e Grid são essenciais)
• Noções básicas de Git e linha de comando
• Computador com Node.js 20+ instalado

Materiais

Conteúdo Programatico

Module 1: React Core & Modern Setup

1. History and React paradigm (declarative UI)
2. Create React App vs Vite vs Next.js
3. JSX deep dive and React 19 new features
4. Components: Function vs Class (focus 100% function)

Module 2: Hooks Mastery

1. useState & useEffect complete guide
2. useRef, useCallback, useMemo
3. useReducer + Context for global state
4. Building custom hooks (useFetch, useForm, useLocalStorage)

Module 3: Next.js 15 + App Router (2025 standard)

1. File-system routing vs pages router
2. Server Components vs Client Components
3. Server Actions and progressive enhancement
4. Route handlers, middleware and parallel routes

Module 4: Data Fetching Moderno

1. React Query / TanStack Query mastery
2. Server-side data fetching with async Server Components
3. Streaming and Suspense
4. Optimistic updates and mutations

Module 5: State Management

1. When to use Context vs Zustand vs Jotai vs Valtio
2. Persisting state with Zustand middleware
3. Global store patterns used in big tech

Module 6: Forms & Validation

1. React Hook Form + Zod resolver
2. Controlled vs uncontrolled components
3. Complex forms with dynamic fields

Module 7: Authentication & Security

1. NextAuth.js v5 / Auth.js complete
2. OAuth (Google, GitHub, Azure AD)
3. Credential provider with bcrypt
4. Middleware protection and session strategies

Module 8: Styling Strategies

1. Tailwind CSS best practices
2. CSS Modules + clsx
3. Styled Components vs Vanilla Extract
4. Design system approach

Module 9: Performance & Optimization

1. React Profiler and DevTools
2. Lazy loading + Suspense
3. Memoization patterns
4. Bundle analysis and code splitting

Module 10: Testing

1. Jest + React Testing Library
2. Unit, integration and E2E tests
3. Mocking API calls
4. Testing custom hooks

Module 11: Deployment & Production

1. Vercel (preview + production)
2. Netlify and Cloudflare Pages
3. Environment variables and secrets
4. Monitoring with Vercel Analytics and Sentry