Exemplos Práticos de Código — Especialização Frontend com React & TypeScript

Frontend Engineering • React 19, Hooks, Zustand, TanStack Query, Next.js e TypeScript

---

🧱 Bloco 1: Fundamentos do React 19, Vite, JSX/TSX e Ciclo de Vida

• Capítulo 01: Ecossistema React 19, Vite, JSX/TSX, Virtual DOM e Renderização
• Capítulo 02: Componentes Funcionais, Props, Tipagem Estrita e Composição
• Capítulo 03: Gerenciamento de Estado com useState e Imutabilidade
• Capítulo 04: Efeitos Colaterais com useEffect, useLayoutEffect e Cleanup

🧱 Bloco 2: Performance, Hooks Avançados, useReducer e Context API

• Capítulo 05: Memoização e Otimização de Performance (useMemo, useCallback)
• Capítulo 06: Acesso ao DOM e Valores Persistentes com useRef e useId
• Capítulo 07: Estados Complexos com useReducer e Redutores Puros
• Capítulo 08: Context API (useContext) e Criação de Custom Hooks

🧱 Bloco 3: Roteamento SPA, Formulários com React Hook Form e Tailwind CSS

• Capítulo 09: Roteamento SPA com React Router 6+ (Routes, Outlet, Guards)
• Capítulo 10: Formulários Controlados e Integração com React Hook Form
• Capítulo 11: Validação de Esquemas de Formulários com Zod
• Capítulo 12: Estilização Moderna: Tailwind CSS e CSS Modules

🧱 Bloco 4: Data Fetching com TanStack Query, Estado Global e Testes com RTL

• Capítulo 13: Data Fetching Assíncrono e Caching com TanStack Query
• Capítulo 14: Gerenciamento de Estado Global Leve com Zustand
• Capítulo 15: Estado Global de Alta Escala com Redux Toolkit (RTK)
• Capítulo 16: Testes no Front-End com Vitest e React Testing Library

🧱 Bloco 5: Inovações do React 19, Next.js App Router e Dashboard Corporativo

• Capítulo 17: Recursos do React 19: Actions, useActionState e useOptimistic
• Capítulo 18: Framework Next.js App Router (SSR, SSG e Hydration)
• Capítulo 19: Server Actions, API Routes, Caching Estratégico e SEO
• Capítulo 20: Projeto Corporativo: Dashboard SPA/SSR de Gestão com Auditoria JSON

---

⬅️ Voltar à Especialização

🏠 Início do Portal