43 lines
1.4 KiB
Markdown
43 lines
1.4 KiB
Markdown
---
|
|
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]]
|