Layihənizin memarlığını qurarkən hansı yanaşmadan…

Komponent əsaslı yanaşmadan istifadə etdim və atomik dizayn prinsiplərinə riayət etdim. Layihəni kiçik, yenidən istifadə oluna bilən komponentlərə bölmüşəm və onları abstraksiya səviyyələrinə görə qruplaşdırmışam: atomlar, molekullar, orqanlar, şablonlar və səhifələr.

Atomlar: Əsas elementlər (düymələr, girişlər, ikonlar).
Molekullar: Atomların kombinasiyaları (düyməli giriş sahəsi).
Orqanlar: Molekullar və ya atomların qrupları (başlıq, altbilgi).
Şablonlar: Orqanlar və molekulların tərkibidir və səhifənin quruluşunu müəyyən edir (səhifə düzənləməsi).
Səhifələr: Şablonların konkret nümunələri və real məlumatlar.

Bu, aşağıdakıları əldə etməyə imkan verdi:

Koddakı yüksək təkrar istifadə
Dəstək və miqyaslandırma asanlığı
Komponentlərin test edilməsi asanlığı
Dizaynerlər və inkişaf etdiricilər arasında daha yaxşı qarşılıqlı əlaqə

Layihədə React (və ya Vue.js) istifadə etdim və vəziyyəti Redux (və ya Vuex) vasitəsilə idarə etdim.

Qovluq strukturu komponentlərə görə təşkil olunub, fayl növünə görə deyil, bu da kodun tapılmasını və əlaqəliliyini yaxşılaşdırır.

// Qovluq strukturuna nümunə
src/
  components/
    atoms/
      Button/
        Button.js
        Button.module.css
    molecules/
      InputWithButton/
        InputWithButton.js
        InputWithButton.module.css
    organisms/
      Header/
        Header.js
        Header.module.css
  containers/ // Logika və məlumat ilə əlaqəli komponentlər üçün
    UserList/
      UserList.js
      UserList.module.css
  pages/
    HomePage/
      HomePage.js
      HomePage.module.css
  redux/ // Və ya Vuex
    actions/
    reducers/
    store.js
  utils/ // Köməkçi funksiyalar
  api/ // API ilə işləmək

Layihənizin memarlığını qurarkən hansı yanaşmadan istifadə etdiniz?