Apakah itu React Native dan bagaimana ia berfungsi?

Question

Accepted Answer

**React Native** ialah sebuah framework oleh Meta (Facebook) untuk membina **aplikasi mudah alih natif** (iOS dan Android) menggunakan **React dan JavaScript**. Pendekatannya yang tersendiri ialah merender **komponen UI natif sebenar** (bukan webview), membolehkan pembangun web/React membina aplikasi natif daripada kod yang sebahagian besarnya dikongsi. ## Apakah itu React Native ```text React Native = build NATIVE mobile apps with React + JavaScript/TypeScript: → ONE codebase (mostly) for iOS AND Android → uses REACT (components, JSX, hooks, state) — familiar to web React developers → renders REAL NATIVE UI components (not a webview / not HTML) → native look & feel → by Meta; widely used (Instagram, Discord, Shopify, etc.) ``` ## Bagaimana ia berfungsi: JavaScript memacu UI natif ```text → You write React components in JavaScript → React Native maps them to REAL NATIVE views (a → a native UIView/ViewGroup; → native text) — NOT web/HTML elements → JS runs and communicates with the native side (historically via a "bridge"; the new architecture uses JSI for direct, faster communication) → The result is a genuinely native app, written in React/JS ``` ## Ciri-ciri utama ```text ✓ NATIVE components → native performance and look/feel (vs webview-based frameworks) ✓ REACT model → components, JSX, hooks, state, props (web React skills transfer) ✓ Cross-platform → share most code across iOS/Android (some platform-specific code) ✓ FAST REFRESH → see changes instantly (like hot reload); large npm ecosystem ✓ Access native features via native modules / Expo ``` ## Mengapa ia penting Memahami apakah itu React Native dan bagaimana ia berfungsi merupakan asas untuk pembangunan React Native dan berharga untuk memahami landskap merentas platform. React Native ialah sebuah framework utama untuk membina **aplikasi mudah alih natif dengan React dan JavaScript** daripada codebase yang sebahagian besarnya dikongsi — menangani keperluan ketara untuk mengelakkan pembinaan aplikasi iOS dan Android berasingan, sambil membolehkan kumpulan besar **pembangun web/React** menggunakan kemahiran sedia ada mereka (komponen, JSX, hooks, state) pada mudah alih, satu kelebihan utama. Ciri penentu — bahawa React Native merender **komponen UI natif sebenar** (memetakan komponen React kepada paparan natif sebenar, bukan webview atau HTML) — penting untuk difahami kerana ia memberikan aplikasi **prestasi dan rupa/rasa natif**, membezakan React Native daripada pendekatan berasaskan webview dan menjadikannya penyelesaian aplikasi natif sebenar. Memahami **bagaimana ia berfungsi** (JavaScript berjalan dan memacu UI natif, berkomunikasi dengan bahagian natif melalui bridge secara bersejarah atau JSI yang lebih pantas dalam seni bina baharu) menjelaskan sifat hibridnya. Memahami **ciri-ciri utama** — komponen natif (rasa/prestasi natif), model React yang biasa (kemahiran web boleh dipindahkan), perkongsian kod merentas platform, Fast Refresh (kemas kini segera), ekosistem npm yang besar, dan akses ciri natif — menyampaikan mengapa React Native diterima pakai secara meluas (digunakan oleh Instagram, Discord, Shopify, dan banyak lagi). Memandangkan React Native ialah framework merentas platform utama (terutamanya menarik bagi pembangun React/web) dan memahami sifatnya (React + JS, komponen natif, merentas platform) serta bagaimana ia berfungsi (memacu UI natif sebenar) adalah asas untuk kerja React Native dan untuk memahami pilihan merentas platform, memahami apakah itu React Native dan bagaimana ia berfungsi adalah pengetahuan asas yang penting — titik permulaan untuk pembangunan React Native dan konteks penting untuk memahami bagaimana ia sesuai antara teknologi merentas platform, satu pendekatan yang digunakan secara meluas terutamanya berharga untuk memanfaatkan kemahiran React bagi membina aplikasi mudah alih natif.