5 puntos por younghyun753 2025-12-18 | 2 comentarios | Compartir por WhatsApp

¡Hice un plugin de eslint para FSD!

Hola.
Mientras usaba la estructura de Feature-Sliced Design (FSD), quise automatizar algunas reglas, así que hice un plugin de eslint.

Por ahora, las dos reglas implementadas son las siguientes.

Lista de reglas

no-cross-layer-import
→ Evita imports que hagan que una capa superior invada una capa inferior.

segment-naming-rule
→ Fuerza la convención de nombres de segmentos de FSD.

Actualmente, los segmentos permitidos están limitados a los siguientes.
api / ui / model / lib / config

¡Hay más detalles en el README de GitHub!

Todavía está en una etapa inicial, así que solo agregué las cosas que personalmente consideré necesarias mientras avanzaba con mis proyectos.

En lo personal, al usar plugins de eslint, siento que si se aplican demasiadas reglas, la productividad puede incluso bajar, así que traté de mantenerlo al mínimo. Como es la primera vez que hago un plugin así, quise publicarlo para pedir consejos.

¡¡Si a alguien le interesa, de verdad agradecería mucho cualquier feedback!!

Repo: https://github.com/kyh0726/fsd-eslint-plugin

2 comentarios

 
wlehgus78 2025-12-18

Wow... justo esto era totalmente necesario, ¡gracias!!
Hace poco implementé FSD en mi proyecto, pero me preocupaba que fuera difícil definir claramente las capas y los segmentos, y también que fuera complicado gestionarlo... ¡Lo probaré y luego dejaré mis comentarios!!

 
younghyun753 2025-12-19

Oh, gracias jaja. ¡Espero que te haya sido de ayuda!