Arsitektur dan struktur proyek

index.js · App.js · templates/

Halaman ini menjelaskan fondasi proyek NexaJS React Native (Expo), termasuk relasi file inti dan peran tiap folder utama.

Arsitektur Singkat

Peran	Lokasi	Keterangan
Entry point Expo	`index.js`	Register root component dan filter log.
Root React	`App.js`	Mount `AppNavigator` dan sinyal preview.
Navigator utama	`assets/modules/navigation/AppNavigator.js`	Bootstrap routes, session, properti, status bar.
Peta route	`templates/routes.js`	Sumber daftar screen stack dan opsi header.
Config endpoint	`config.js`	Host API, URL turunan, Firebase config.
SDK NexaJS	`assets/modules/`	Barrel export runtime, UI, storage, helper.

Struktur proyek NexaJS React Native (Expo)

Struktur kerja proyek dipisah antara root app, SDK lokal NexaJS, dan layar aplikasi.

Struktur Proyek

Development/React/index/
|- index.js
|- App.js
|- config.js
|- app.json
|- babel.config.js
|- metro.config.js
|- package.json
|- assets/
|  `- modules/        # NexaJS local package
`- templates/         # screen dan routes app

Lokasi	Fungsi
`index.js`, `App.js`	Titik masuk Expo dan root render React.
`assets/modules`	Paket lokal `NexaJS` untuk import terpusat.
`templates`	Screen aplikasi, route stack, dan modul fitur.
`config.js`	Host backend, API model, drive, dan firebase.

NexaJS mobile dan referensi situs

Jalur ini khusus mobile app. Entry utamanya index.js dan App.js, bukan index.html seperti dokumentasi web.

Folder assets/modules (NexaJS)

Folder ini adalah inti SDK klien NexaJS yang dipakai semua screen. Konsepnya satu barrel import untuk React Native, komponen Nexa, storage, serta runtime.

Bagian	Peran
`assets/modules/index.js`	Barrel export seluruh API yang dipakai di app.
`assets/modules/Nexa.js`	Sinkron `config.js` ke objek global `NEXA`.
`assets/modules/navigation`	Navigator utama dan helper navigasi.
`assets/modules/Storage`	NexaDBLite, sync data, model, dan storage helper.

Memulai dengan impor NexaJS

Praktik yang dianjurkan adalah satu import dari paket lokal NexaJS.

Contoh Import

import {
  View,
  StyleSheet,
  Text,
  Avatar,
  Buttons,
  NexaDBLite,
  properti
} from "NexaJS";