NXDOM

Nxdom Framework

Nusantara eXtreme Development Object Model — dokumentasi resmi

Flow index.js, App.js, AppNavigator

bootstrap · navigator · routes

Halaman ini membahas peran tiga file utama runtime React Native: index.js, App.js, dan AppNavigator.

Detail Flow index.js

  • Import registerRootComponent dari Expo.
  • Opsional: override console.log untuk menyaring log internal.
  • Memanggil registerRootComponent(App) sebagai entry point akhir.
import { registerRootComponent } from "expo"; import App from "./App"; registerRootComponent(App);

Detail Flow App.js

  • Import navigator dari ./assets/modules/navigation/AppNavigator.
  • Hook preview mengirim postMessage saat render pertama siap.
  • Root render dijaga sederhana: return <AppNavigator />.
import AppNavigator from "./assets/modules/navigation/AppNavigator"; export default function App() { return <AppNavigator />; }

Detail Flow AppNavigator

AppNavigator adalah pusat orkestrasi runtime aplikasi.

  • Bootstrap route: ambil data properti, hitung warna, lalu panggil getRoutes(...).
  • Polling properti: cek perubahan updatedAt periodik untuk re-render route.
  • Cek session: baca NexaDBLite dengan retry + timeout agar app tidak hang.
  • Initial route: diarahkan ke User jika login, fallback ke Home.
  • Status bar: disinkronkan dengan opsi route aktif.
const routes = getRoutes(assetColor, propertiData); const session = await NexaDBLite.get("userSessions", "userSession"); const initialRoute = session?.isLoggedIn ? "User" : "Home";