07 / 13
Desen seçimi
FSD, DDD, component-driven ve Atomic Design: hangisi hangi soruya cevap verir.
Önceki üç ders birbirinin alternatifi değil. Her biri farklı bir soruya cevap veriyor. Bu ders hangisini ne zaman ekleyeceğinize karar vermenize yardım eder.
Hangi soruya cevap?
| Soru | Desen | Ders |
|---|---|---|
| Kod nereye konur, kim kimi import eder? | Feature-Sliced Design | Feature-Sliced Design |
| Ürünün dili kodda nasıl görünür, bir kavram nerede biter? | DDD'den ortak dil ve bağlam sınırı | Domain odaklı frontend |
| Arayüzü hangi sırayla ve nasıl kurarız? | Component-driven geliştirme | Component-driven ve Atomic Design |
| Ortak UI parçalarını nasıl sınıflandırıp adlandırırız? | Atomic Design | Aynı ders |
Kademeli ilerleyin
FSD dokümanı her büyüklükte projede kullanılabildiğini ve kademeli benimsenebileceğini söyler. Geçiş için işareti de verir: mimari sorun çıkarmaya başladığında, yani proje özellik eklemeyi yavaşlatacak kadar iç içe geçtiğinde ya da ekibe çok sayıda yeni kişi katıldığında.1
Bu rehberin önerdiği sıra (kaynaklardan biri değil):
Özellik klasörleri ve tek yönlü import. Klasör Yapısı ve İsimlendirme rehberindeki düzen çoğu proje için yeter.
Ortak dil ve bağlam ayrımı. Maliyeti yoktur: bir sözlük ve ayrı tipler.
FSD'nin katman kuralı. Ekip ve kod büyüyüp bağımlılıklar karışmaya başlayınca.
Atomic Design sınıflandırması. Ortak bir UI kitiniz varsa.
Component-driven çalışma biçimi. Tasarımcı ve geliştirici aynı component'ler üzerinde çalışıyorsa.
Birlikte kullanım
Desenler çakışmaz, farklı katmanlarda çalışır. FSD'nin dokümanı dil, UI framework'ü ya da state yöneticisi konusunda kısıt koymaz.1 Örnek bir birleşim:
FSD uygulamanın klasör yapısını ve import yönünü belirler.
Ortak dil isimleri, bağlam sınırı da dilim sınırlarını belirler.
Atomic Design
shared/uiiçindeki parçaları sınıflandırır. Frost aşama adlarının ekibe göre değiştirilebileceğini söyler.2Component-driven çalışma biçimini belirler.
Ne zaman gerekmez?
Hata
Desen bir hedef değil araçtır. Üç soru sorun:
Mevcut yapı bizi yavaşlatıyor mu? FSD dokümanına göre mimari işe yarıyorsa değiştirmeye değmeyebilir.1
Kural otomatik kontrol ediliyor mu? FSD, kuralları denetleyen bir linter (Steiger) sunar.1 Component ve Kod Organizasyonu rehberindeki gibi, yazılı kural ihlal edilir, lint kuralı edilmez.
Dogmaya dönüştü mü? Atomic Design katı bir kural değil, zihinsel bir modeldir.2 Aynısı diğer desenler için de geçerli.
DDD'nin ayrıntılı desenleri ise özellikle karmaşık alanlara uygundur.3
Son güncelleme tarihi: 25 Ekim 2026