Yadda ake tsara jirgin React Native?

Question

Accepted Answer

Tsarin jirgin React Native yana da haɗe da **lambar JavaScript/TypeScript** tare da **ayyukan asaling iOS/Android** da tsari. Fahimtar tsarin da muhimmancin fayiloli yana taimaka wajen gida da gina jirtattun React Native.

## Muhimmancin sashi na tsarin

```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)
```

## Tsarin kayan aiki na 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
```

## Shirya kodinka

```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).
```

## Me ya sa yake mahimmanci

Fahimtar yadda ake tsara jirgin React Native ita ce ilimin aiki da mahimmanci don wajen gida, gina, da shirya jirtattun React Native, saboda haka ita ce ilimin ƙaddas da amfani.

Sanin **muhimmancin sashi** — cewa **App.js/App.tsx ita ce tushe bahagi** (mahaɗin shigo), **kodin JS/TS dinka ya zauna a cikin `src/`** (waje da kake kusan jiya), **package.json** ya gudanar da haɗin gida da rufeyi (kamar waje da ɗayan jirgin JavaScript), da **ayyukan asaling `ios/` da `android/`** suna waje (don tsarin React Native sannu, yayin da Expo ke gudanawa) — sawa ne don samun hanyar jiya a jirgin React Native, waje da datowa lambar JavaScript tare da ayyukan asali.

Fahimtar **Tsarin kayan aiki na JavaScript** gaba ina mahimmanci: jirguna React Native sun yi amfani da **package.json da npm/yarn** don haɗin gida (tare da jajjigen npm da akwai — babbar ilimin), **Metro** (ruffi na React Native), da Babel — sannan ya nuna cewa ƙididdige React Native baki ne ƙiddiddige JavaScript tare da kayan aiki da saniwa, akwai mahimmanci ga masu nemi jiya.

Fahimtar yadda ake **shirya kodinka** (tsara `src/` cikin fayil ta hanyar mahimmanci ko nau'i — sassa, allon, shiryawa, aiki, hooks, utils, store) ta nuna kyakkyawan aiki ga jirguna masu baki yayin da suke girma.

Do jiya da React Native buƙa wajen gida jirgin (lambar JS tare da ayyukan asali), sarrafa haɗin gida ta hanyar package.json da npm, fahimtar kayan aiki, da shirya lambar, da kuma cewa ilimin nan ita ce mahimmancin aiki da mahimmanci don duk ƙiddiddige React Native, fahimtar yadda ake tsara jirgin React Native — muhimmancin fayiloli, tsarin kayan aiki na JavaScript, da tsara lambar — baki ne ilimin aiki da ƙaddas da amfani don jiya tare da jirguna React Native, mahimmanci don gina da jiya jirtattun da mafi sauƙin ilimin don masu nemi da ƙaransa da tsarin JavaScript/npm.