Kepiye carane struktur proyek React Native?

Question

Accepted Answer

Proyek React Native nduwe struktur sing nggabungke **kode JavaScript/TypeScript** karo **proyek native iOS/Android** lan konfigurasi. Memahami struktur lan file-file penting membantu navigasi lan membangun aplikasi React Native.

## Bagian-bagian penting saka struktur

```text
my-app/
  App.js / App.tsx       → the root component (app entry point)
  src/ (or app/)         → your JS/TS code (components, screens, etc.) — organize here
  package.json           → dependencies and scripts (npm/yarn) — like any JS project
  node_modules/          → installed npm dependencies
  ios/                   → the native iOS project (Xcode) — for bare RN
  android/               → the native Android project (Gradle) — for bare RN
  index.js               → registers the root component
  app.json / app.config  → app config (name, icon) — especially in Expo
  (Expo projects hide ios/android; managed by Expo)
```

## Ekosistem JavaScript

```text
→ package.json → dependencies (React Native, navigation, libraries) + scripts
→ npm / yarn → install packages (npm install); the huge npm ecosystem is available
→ Metro → React Native's JavaScript bundler (bundles your JS for the app)
→ Babel → transpiles modern JS/JSX/TypeScript
```

## Ngorganisir kode sampeyan

```text
→ Organize src/ into folders (common):
  src/components/ (reusable UI), src/screens/ (screen components),
  src/navigation/, src/services/ (API), src/hooks/, src/utils/, src/store/ (state)
→ Keep code organized as the app grows (separation by feature or type).
```

## Mengapa iku penting

Pemahaman carane proyek React Native distruktur iku pengetahuan praktis sing kudu kanggo navigasi, membangun, lan ngorganisir aplikasi React Native, dadi iku pengetahuan fondasi sing berguna.

Ngerti **bagian-bagian penting** — yaiku **App.js/App.tsx minangka root component** (titik masuk), kode **JS/TS sampeyan manggon ing `src/`** (nandhang akeh waktu sampeyan), **package.json** ngatur dependensi lan skrip (kaya proyek JavaScript apa wae), lan **proyek native `ios/` lan `android/`** ana (kanggo bare React Native, dene Expo ngatur) — iku perlu kanggo nemokake dalan sampeyan ing proyek React Native, sing nggabungke kode JavaScript karo proyek native.

Pemahaman aspek **ekosistem JavaScript** iku penting: proyek React Native nggunakake **package.json lan npm/yarn** kanggo dependensi (karo ekosistem npm sing gede banget — kauntungan utama), **Metro** (bundler React Native), lan Babel — ngrumpi manawa pengembangan React Native iku pengembangan JavaScript karo alat-alat sing maklum, berharga kanggo pengembang web.

Pemahaman carane **ngorganisir kode** (strukturing `src/` dadi folder miturut feature utawa jinis — components, screens, navigation, services, hooks, utils, store) ngrumpi praktek sing apik kanggo proyek sing bisa dipelihara nalika berkembang.

Karena kerja karo React Native mbutuhake navigasi struktur proyek (kode JS plus proyek native), ngatur dependensi liwat package.json lan npm, ngerteni bundler, lan ngorganisir kode, lan amarga pengetahuan iki perlu fondasi praktis kanggo pengembangan React Native apa wae, pemahaman carane proyek React Native distruktur — file-file penting, ekosistem JavaScript, lan organisasi kode — iku pengetahuan praktis fondasi sing berharga kanggo kerja karo proyek React Native, perlu kanggo membangun lan ngurus aplikasi lan kompetensi dasar sing luwih mudah diakses kanggo pengembang sing kenal karo ekosistem JavaScript/npm.