Introduction au Feature-Sliced Design

Le Feature-Sliced Design (ou FSD) est une méthodologie architecturale pour les applications front-end. Elle propose une organisation du code en couches et en slices avec des règles d’import strictes.

Pourquoi une architecture ?

Sans convention claire, les projets front-end ont tendance à devenir un enchevêtrement de dépendances. Un composant importe depuis n’importe où, la logique métier se retrouve dans les composants UI, et modifier une partie du code a des effets de bord imprévisibles.

L’architecture, c’est l’art de rendre les changements faciles.

Les principes fondamentaux

FSD repose sur trois piliers :

1. Couches hiérarchiques : le code est organisé en couches avec des règles d’import unidirectionnelles
2. Slices métier : chaque domaine fonctionnel est isolé dans sa propre slice
3. Segments standards : au sein de chaque slice, le code est réparti en segments (ui/, model/, lib/)

À qui s’adresse FSD ?

FSD est particulièrement utile pour :

• Les projets de taille moyenne à grande
• Les équipes de plus de 2-3 développeurs
• Les applications avec un domaine métier riche

Dans le chapitre suivant, nous explorerons chaque couche en détail.