Frontend Engineering • React 18+, Hooks Customizados, Zustand/Redux Toolkit, TailwindCSS e Next.js App Router

🏛️ Estrutura Curricular Canônica (20 Capítulos • 5 Blocos)

🧱 Bloco 1: Fundamentos do React 19, Vite, JSX/TSX e Ciclo de Vida (Caps 01 a 04)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
01 📖 Ecossistema React 19, Vite, JSX/TSX, Virtual DOM e Renderização 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
02 📖 Componentes Funcionais, Props, Tipagem Estrita e Composição 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
03 📖 Gerenciamento de Estado com useState e Imutabilidade 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
04 📖 Efeitos Colaterais com useEffect, useLayoutEffect e Cleanup 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 2: Performance, Hooks Avançados, useReducer e Context API (Caps 05 a 08)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
05 📖 Memoização e Otimização de Performance (useMemo, useCallback) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
06 📖 Acesso ao DOM e Valores Persistentes com useRef e useId 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
07 📖 Estados Complexos com useReducer e Redutores Puros 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
08 📖 Context API (useContext) e Criação de Custom Hooks 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 3: Roteamento SPA, Formulários com React Hook Form e Tailwind CSS (Caps 09 a 12)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
09 📖 Roteamento SPA com React Router 6+ (Routes, Outlet, Guards) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
10 📖 Formulários Controlados e Integração com React Hook Form 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
11 📖 Validação de Esquemas de Formulários com Zod 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
12 📖 Estilização Moderna: Tailwind CSS e CSS Modules 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 4: Data Fetching com TanStack Query, Estado Global e Testes com RTL (Caps 13 a 16)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
13 📖 Data Fetching Assíncrono e Caching com TanStack Query 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
14 📖 Gerenciamento de Estado Global Leve com Zustand 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
15 📖 Estado Global de Alta Escala com Redux Toolkit (RTK) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
16 📖 Testes no Front-End com Vitest e React Testing Library 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 5: Inovações do React 19, Next.js App Router e Dashboard Corporativo (Caps 17 a 20)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
17 📖 Recursos do React 19: Actions, useActionState e useOptimistic 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
18 📖 Framework Next.js App Router (SSR, SSG e Hydration) 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
19 📖 Server Actions, API Routes, Caching Estratégico e SEO 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
20 📖 Projeto Corporativo: Dashboard SPA/SSR de Gestão com Auditoria JSON 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🚀 Próxima Etapa da Formação: Concluído este módulo, prossiga na sua jornada de formação avançando para a Especialização Frontend com Angular 18+ & TypeScript.

🏠 Voltar ao Início do Portal 📚 Ver Índice Geral Próximo Módulo ➡️