Initial vault setup

concepts/single-page-application.md

@@ -0,0 +1,42 @@
+---
+title: Single Page Application (SPA)
+created: 2026-06-06
+updated: 2026-06-06
+type: concept
+tags: [tech, web, architecture]
+confidence: high
+contested: false
+sources: [synthesized]
+---
+# 📱 Single Page Application (SPA)
+
+## Définition Courte
+Application web où une seule page HTML est chargée initialement, et le contenu est mis à jour dynamiquement via JavaScript sans rechargement complet.
+
+## Explication Détaillée
+Les SPAs utilisent massivement AJAX et des frameworks JS pour reproduire l'expérience d'une application native. Le routing est géré côté client (React Router, Vue Router).
+
+**Avantages** : UX fluide (pas de rechargement), découplage fort frontend/backend, idéal pour les apps complexes (dashboards, SaaS).
+**Inconvénients** : SEO difficile (nécessite pré-rendu ou SSR), temps de chargement initial plus long, consommation mémoire côté navigateur.
+
+## Cas d'Usage
+- Tableaux de bord (Dashboards, Notion, Figma).
+- Applications SaaS complexes.
+- Outils internes.
+
+## Outils Liés
+- **Frameworks** : React, Vue, Angular, Svelte, Solid.
+- **Routing** : React Router, Vue Router, TanStack Router.
+- **State** : Redux, Zustand, Pinia, Jotai.
+
+## Pages Liées
+- [[server-side-rendering]]
+- [[concepts-web]]
+- [[patterns-architecture]]
+
+## Questions Ouvertes
+- Les SPAs sont-ils en train de fusionner avec le SSR (via Next.js, SvelteKit) ?
+- Comment gérer l'analytics dans une SPA sans cookie ?
+
+## Liens
+- [[stack-frontend-solo-dev]]