⚡ Cap 05: Stack PERN: Express com TypeScript, PostgreSQL, Prisma ORM e React com TanStack Query
Arquitetura de Aplicações Full Stack
🗺️ Mapa Conceitual
flowchart TD
REACT["Frontend React + TanStack Query (useQuery / useMutation)"]
REACT -->|HTTP REST| EXPRESS["Backend Express + TypeScript + Zod Validation"]
EXPRESS --> PRISMA["Prisma ORM (Queries Type-Safe)"]
PRISMA --> PG["PostgreSQL 16"]
style REACT fill:#e1f5fe,stroke:#03a9f4,stroke-width:2px
style EXPRESS fill:#fff3e0,stroke:#ff9800,stroke-width:1px
style PRISMA fill:#e8f5e9,stroke:#4caf50,stroke-width:2px
🎯 Slide 1: Visão Geral e Arquitetura
- Objetivo Central: Dominar os fundamentos de stack pern: express com typescript, postgresql, prisma orm e react com tanstack query.
- Integração Completa: Conectar UI reativa, APIs REST/WebSockets e bancos relacionais.
- Padrão de Engenharia: Monorepos estruturados e tipagem compartilhada.
💡 Slide 2: Práticas e Camadas de Dados
- Gestão de estado de servidor no frontend com TanStack Query.
- Camada de autenticação segura com cookies HTTP-Only e RBAC.
- Mapeamento objeto-relacional eficiente com Prisma, TypeORM e JPA.
🚀 Slide 3: Prática e Métricas de Produção
- Orquestração de containers com Docker Compose.
- Monitoramento e observabilidade com logs estruturados.
- Deploy contínuo e escalabilidade em nuvem.
📋 Resumo da Aula & Próximos Passos
- Revise o código de exemplo deste capítulo.
- Complete os exercícios práticos nos 4 níveis de complexidade.
- Realize o quiz formativo interativo para validar sua compreensão.
🧭 Navegação Rápida
| 📖 Teoria | 📊 Slides | 🧠 Quiz | 💻 Exemplos | 🧩 Exercícios | | :— | :— | :— | :— | :— | | Ler Tópico | Ver Slides | Fazer Quiz | Ver Código | Praticar |
Slide 1 de 1
Atalhos: ← → Navegar • Espaço Avançar • F Tela Cheia • Home Início • End Fim