react native clean architecture

Bereaksi arsitektur bersih asli

Perancah Bereaksi asli dengan arsitektur bersih yang mudah dimengerti.

Fitur

• Expo 52
• ? Arsitektur bersih. Struktur file berlapis
• ? ️ Type -Script Typing Bulletproof
• ? ️ Format Kode: Eslint
• ? ️ Commit Format: CommitLint
• ? Git Hooks: Husky
• ? Injeksi ketergantungan: inversiland
• ? I18N: Expo-Localization + i18n-js
• ? Navigasi: @react-navigasi/asli
• ? Manajer Negara: Mobx

---

? Struktur file proyek

️ Apa yang membuat implementasi konsep arsitektur bersih lebih sulit menurut saya adalah bahwa karena didefinisikan secara teoritis, setiap orang mengimplementasikannya menggunakan terminologi yang berbeda atau menghilangkan/menambahkan beberapa lapisan atau potongan untuk menyederhanakannya atau terus membuatnya lebih kompleks.

Untuk alasan ini, saya pikir penting untuk menekankan dokumentasi yang menyertai arsitektur untuk menghindari hambatan dengan orang -orang lain yang akan bekerja dengan sistem ini.

Saya secara singkat menjelaskan masing -masing dari empat lapisan yang membentuk arsitektur bersih di dalam folder /SRC:

 └── /src
    ├── AppModule.ts               # Dependency injection root module
    ├── /core                      # Core bounded context
    │   └── /presentation
    └── /post                      # Post bounded context
        ├── /domain
        ├── /application
        ├── /infrastructure
        └── /presentation

Domain

Lapisan ini berisi semua aturan bisnis perusahaan: entitas, spesifikasi ...

Aplikasi

Lapisan ini berisi kasus penggunaan konteks yang dibatasi.

Infrastruktur

Lapisan ini berisi detail teknis (implementasi) dari lapisan domain dan integrasi pihak ketiga.

Presentasi

Lapisan ini berisi kode sumber asli React: tampilan dan pengontrol (redux thunks).

Referensi

• https://blog.cleancoder.com/uncle-bob/2012/08/13/the-lean-architecture.html
• https://jeffreypalermo.com/2008/07/the-onion-architecture-part-1/

---

Lingkungan

Expo CLI memuat file .env sesuai dengan resolusi file .env standar dan kemudian menggantikan semua referensi dalam kode Anda ke process.env.EXPO_PUBLIC_[VARNAME] dengan nilai yang sesuai diatur dalam file .env. Kode di dalam node_modules tidak terpengaruh untuk tujuan keamanan.

Lingkungan pengembangan

Buat file .env di root proyek Anda untuk tujuan pengembangan:

 EXPO_PUBLIC_API_URL=https://jsonplaceholder.typicode.com

Lingkungan produksi

Konfigurasikan file .env.production dengan variabel lingkungan yang ingin Anda gunakan dalam produksi.

Berlari

Dev

yarn dev

Web

yarn web

Android

yarn android

iOS

yarn ios

---

Mengeluarkan dari Expo

expo eject

---

Mendukung proyek

☕️ Beli saya kopi sehingga pesta open source tidak akan pernah berakhir.

YouTube | Instagram | Twitter | Facebook

godofprogramming.com