300 Satır Kuralı Nedir?
Bir dosya 300 satırı aştığında genellikle tek bir iş yapmayı bırakmış, içinde state yönetimi, API çağrısı, form validasyonu ve UI şablonunu harmanlayan bir 'God Object' haline gelmiştir.
3 Katmanlı Ayrım Mimarisi
1
Logic (Custom Hook)
State ve API çağrıları useProjectFilter.ts içine taşınır.
2
UI (Presenter)
Saf bileşenler yalnızca prop alır ve render eder (ProjectCard.tsx).
3
Style (Token/Theme)
Tüm görsel değerler CSS değişkenleriyle yönetilir.