5 poin oleh younghyun753 2025-12-18 | 2 komentar | Bagikan ke WhatsApp

Saya membuat plugin eslint untuk FSD!

Halo.
Saat menggunakan struktur Feature-Sliced Design (FSD), saya ingin aturan-aturannya bisa ditegakkan secara otomatis, jadi saya membuat sebuah plugin eslint.

Saat ini, ada dua aturan yang sudah diimplementasikan seperti di bawah ini.

Daftar aturan

no-cross-layer-import
→ Mencegah import yang melanggar batas dengan mengakses layer bawah dari layer atas.

segment-naming-rule
→ Memaksa penamaan segmen FSD.

Segmen yang saat ini diizinkan dibatasi sebagai berikut.
api / ui / model / lib / config

Detail lebih lanjut ada di README GitHub!

Karena ini masih tahap awal, saya baru menambahkan hal-hal yang secara pribadi saya anggap perlu saat mengerjakan proyek.

Secara pribadi, saat memakai eslint plugin, saya merasa kalau aturan diterapkan terlalu berlebihan justru bisa menurunkan produktivitas, jadi saya meminimalkannya! Karena ini pertama kalinya saya membuat plugin seperti ini, saya ingin meminta saran.

Kalau ada yang tertarik, saya akan sangat berterima kasih jika bisa memberikan feedback!!

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

2 komentar

 
wlehgus78 2025-12-18

Wah.. ini benar-benar yang saya butuhkan, terima kasih!!
Baru-baru ini saya menerapkan FSD di proyek saya, tetapi saya sempat bingung karena sulit mendefinisikan layer dan segmen dengan jelas serta susah dikelola.. Saya akan mencobanya lalu meninggalkan ulasan!!

 
younghyun753 2025-12-19

Oh, terima kasih hehe semoga membantu ya!