როგორია React Native პროექტის სტრუქტურა?

Question

Accepted Answer

React Native პროექტს აქვს სტრუქტურა, რომელიც აერთიანებს **JavaScript/TypeScript კოდს** **ნატიური 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 ეკოსისტემა

```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 კომპონენტი** ( השנקודת შესვლის), თქვენი **JS/TS კოდი მდებარეობს `src/`-ში** (სადაც თქვენ აღქმით დროის უმეტეს ნაწილს), **package.json** ამართებს დამოკიდებულებებსა და სკრიპტებს (როგორც ნებისმიერი JavaScript პროექტი), და **ნატიური `ios/` და `android/` პროექტები** არსებობენ (bare React Native-ისთვის, მაშინ როცა Expo მათ ამართებს) — აუცილებელია React Native პროექტში თქვენი პути იპოვოთ, რომელიც აერთიანებს JavaScript კოდს ნატიურ პროექტებთან.

**JavaScript ეკოსისტემის** ასპექტის გაგება მნიშვნელოვანია: React Native პროექტები იყენებენ **package.json და npm/yarn**-ს დამოკიდებულებებისთვის (უზარმაზარი npm ეკოსისტემა ხელმისაწვდომია — ძირითადი უპირატესობა), **Metro**-ს (React Native-ის bundler), და Babel-ს — რაც ასახავს, რომ React Native განვითარება არის JavaScript განვითარება ნაცნობი tools-ებით, მূლებელი ვებ დეველოპერებისთვის.

**კოდის ორგანიზაციის** გაგება (`src/` სტრუქტურირება ფოლდერებად feature ან type-ის მიხედვით — components, screens, navigation, services, hooks, utils, store) ასახავს კარგ პრაქტიკას ფუნქციონალური პროექტებისთვის მათი ზრდის გამო.

ვინაიდან React Native-ით მუშაობა მოითხოვს პროექტის სტრუქტურის ნავიგაციას (JS კოდი პლუს ნატიური პროექტები), დამოკიდებულებების მართვას package.json-ის მეშვეობით და npm-ით, bundler-ის გაგებას, და კოდის ორგანიზაციას, და ვინაიდან ეს ცოდნა აუცილებელი პრაქტიკული საფუძველია ნებისმიერი React Native განვითარებისთვის, React Native პროექტის სტრუქტურის გაგება — ძირითადი ფайლები, JavaScript ეკოსისტემა და კოდის ორგანიზაცია — ღირებული, საფუძველი პრაქტიკული ცოდნაა React Native პროექტებთან მუშაობის დროს, აუცილებელი აპლიკაციების აშენებისა და შენარჩუნებისთვის და ძირითადი კომპეტენცია, რომელიც განსაკუთრებით მისაწვდომია დეველოპერებისთვის, რომლებიც ნაცნობები არიან JavaScript/npm ეკოსისტემაში.