React Native प्रोजेक्ट कसा संरचित केला जातो?

Question

Accepted Answer

React Native प्रोजेक्टमध्ये **JavaScript/TypeScript कोड** , **native iOS/Android प्रोजेक्ट्स** आणि कॉन्फिगरेशन यांचा संयोजन असतो. संरचना आणि मुख्य फाइलींचे समज React Native अ‍ॅप्स नेव्हिगेट आणि बनवण्यास मदत करते.

## संरचनाचे मुख्य भाग

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

## JavaScript ecosystem

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

## आपल्या कोडचे संयोजन

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

## हे का महत्त्वाचे आहे

React Native प्रोजेक्ट कसा संरचित केला जातो हे समजणे React Native अ‍ॅप्स नेव्हिगेट, बनवणे आणि संयोजित करण्यासाठी आवश्यक व्यावहारिक ज्ञान आहे, म्हणून हे उपयोगी मूलभूत ज्ञान आहे.

**मुख्य भाग** जाणणे महत्त्वाचे आहे — की **App.js/App.tsx हा root component आहे** (entry point), आपला **JS/TS कोड `src/` मध्ये राहतो** (जिथे तुम्ही बहुतेक वेळ घालवता), **package.json** dependencies आणि scripts (JavaScript प्रोजेक्टप्रमाणे) व्यवस्थापित करते, आणि **native `ios/` आणि `android/` प्रोजेक्ट्स** अस्तित्वात असतात (bare React Native साठी, जेव्हा Expo त्यांचा व्यवस्थापन करते) — हे React Native प्रोजेक्टमध्ये सहजपणे वाटचाल करण्यासाठी आवश्यक आहे, जो JavaScript कोड आणि native प्रोजेक्ट्स एकत्र करतो.

**JavaScript ecosystem** बाजूचे समज महत्त्वाचे आहे: React Native प्रोजेक्ट्स **package.json आणि npm/yarn** वापरतात dependencies साठी (विशाल npm ecosystem उपलब्ध असून — एक मुख्य फायदा), **Metro** (React Native चे bundler), आणि Babel — हे दर्शवते की React Native development हे JavaScript development आहे परिचित tools सह, web developers साठी मूल्यवान.

कोड कसे **संयोजित करायचे** हे समजणे (feature किंवा type द्वारे `src/` फोल्डर्स संरचित करणे — components, screens, navigation, services, hooks, utils, store) हे जसजसे प्रोजेक्ट्स वाढतात तसतसे maintainable प्रोजेक्ट्ससाठी अच्छे practice दर्शविते.

React Native सह काम करण्यासाठी प्रोजेक्ट संरचना नेव्हिगेट करणे आवश्यक आहे (JS कोड अधिक native प्रोजेक्ट्स), package.json द्वारे dependencies व्यवस्थापित करणे, bundler समजणे, आणि कोड संयोजित करणे, आणि हे ज्ञान कोणतेही React Native development साठी आवश्यक व्यावहारिक आधार आहे, React Native प्रोजेक्ट कसा संरचित केला जातो हे समजणे — मुख्य फाइल्स, JavaScript ecosystem, आणि कोड संयोजन — React Native प्रोजेक्ट्स सह काम करण्यासाठी मूल्यवान, मूलभूत व्यावहारिक ज्ञान आहे, अ‍ॅप्स बनवण्य आणि राखण्यासाठी आवश्यक आणि एक मूलभूत क्षमता जी विशेषत: JavaScript/npm ecosystem सह परिचित developers साठी सहज आहे.