📊 Cap 10: FastAPI & Vue 3

Aplicações Full Stack • Python Assíncrono ASGI, Pydantic v2, Vue 3 Composition API & Pinia

🗺️ A Elegância da Arquitetura FastAPI + Vue 3

flowchart LR
    V["Vue 3 (Vite + Script Setup + Pinia) 💚"]
    --> A["API REST JSON Rápida ⚡"]
    --> F["FastAPI (Python 3.12+ Async + Pydantic v2) 🐍"]

    style V fill:#e8f5e9,stroke:#4caf50,stroke-width:1.5px
    style A fill:#fff3e0,stroke:#ff9800,stroke-width:1.5px
    style F fill:#00897b,stroke:#004d40,stroke-width:2px,color:#ffffff

🎯 Slide 1: Por Que Escolher FastAPI?

Velocidade: Concorre em benchmarks de I/O diretamente com NodeJS e Go.
Documentação Automática: Gera /docs (Swagger UI) e /redoc sem nenhum esforço extra.
Type Safety: Baseado em anotações de tipo padrão do Python.

🎯 Slide 2: Vue 3 Composition API com <script setup>

Sintaxe limpa e modular.
Reatividade explícita com ref() e reactive().
Modularização natural em Composables reutilizáveis.

🎯 Slide 3: Pinia vs Vuex

Pinia é a store oficial e recomendada pelo time do Vue.
Zero mutations verbosas: atualize o estado diretamente nas actions.
Autocomplete e TypeScript de primeira classe.

🔗 Navegação do Capítulo 10

📖 Ler Conteúdo Completo

🧠 Fazer Quiz

💻 Ver Exemplos

🧩 Exercícios

Atalhos: ← → Navegar • Espaço Avançar • F Tela Cheia • Home Início • End Fim