FSD-eslint-plugin
(github.com/kyh0726)J’ai créé un plugin ESLint pour FSD !
Bonjour.
En utilisant la structure Feature-Sliced Design (FSD), je voulais qu’un ensemble de règles soit appliqué automatiquement, alors j’ai créé un plugin ESLint.
Les deux règles actuellement implémentées sont les suivantes.
Liste des règles
no-cross-layer-import
→ empêche les imports qui font qu’une couche supérieure empiète sur une couche inférieure.
segment-naming-rule
→ impose la convention de nommage des segments FSD.
Les segments actuellement autorisés sont limités aux suivants.
api / ui / model / lib / config
Vous trouverez plus de détails dans le README GitHub !
Le projet en est encore à ses débuts, donc je n’ai ajouté pour l’instant que les éléments qui me semblaient nécessaires au fil de mon propre projet.
Personnellement, en utilisant des plugins ESLint, j’ai l’impression que si on applique trop de règles, la productivité baisse au contraire. J’ai donc cherché à rester minimal ! Comme c’est la première fois que je crée ce type de plugin, j’aimerais beaucoup avoir quelques conseils, c’est aussi pour cela que je le partage ici.
Si cela vous intéresse, je serais vraiment reconnaissant d’avoir vos retours !!
2 commentaires
Waouh… c’est exactement ce qu’il me fallait, merci !!
J’ai récemment introduit la FSD dans mon projet, mais j’avais du mal à définir clairement les layers et les segments, et c’était aussi difficile à gérer… Je vais l’essayer et je laisserai un retour !!
Oh merci haha, j’espère que ça vous aura été utile !