React Native کیا ہے اور یہ کیسے کام کرتا ہے؟

Question

Accepted Answer

**React Native** Meta (Facebook) کی طرف سے ایک framework ہے جو **React اور JavaScript** استعمال کرتے ہوئے **native mobile apps** (iOS اور Android) بنانے کے لیے ہے۔ اس کا منفرد طریقہ **حقیقی native UI components** کو render کرنا ہے (webview نہیں)، جو web/React developers کو بڑی حد تک مشترکہ کوڈ سے native apps بنانے دیتا ہے۔ ## 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.) ``` ## یہ کیسے کام کرتا ہے: JavaScript native UI کو چلاتا ہے ```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 ``` ## اہم خصوصیات ```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 ``` ## اہمیت کیوں ہے React Native کیا ہے اور یہ کیسے کام کرتا ہے یہ سمجھنا React Native development کے لیے بنیادی ہے اور cross-platform landscape کو سمجھنے کے لیے قیمتی ہے۔ React Native **React اور JavaScript کے ساتھ native mobile apps** بنانے کے لیے ایک بڑا framework ہے جو بڑی حد تک مشترکہ codebase سے ہے — الگ الگ iOS اور Android apps بنانے سے بچنے کی اہم ضرورت کو پورا کرتے ہوئے، اور بڑے pool کو اپنی موجودہ صلاحیتوں (components، JSX، hooks، state) کو mobile پر لاگو کرنے دیتے ہوئے، یہ ایک اہم فائدہ ہے۔ تعریف کرنے والی خصوصیت — کہ React Native **حقیقی native UI components** کو render کرتا ہے (React components کو actual native views سے map کرتے ہوئے، webview یا HTML نہیں) — سمجھنا اہم ہے کیونکہ یہ apps کو **native performance اور look/feel** دیتا ہے، React Native کو webview-based approaches سے الگ کرتے ہوئے اور اسے ایک حقیقی native-app حل بناتے ہوئے۔ **یہ کیسے کام کرتا ہے** سمجھنا (JavaScript چلتا ہے اور native UI کو چلاتا ہے، تاریخی طور پر bridge کے ذریعے native side سے بات کرتے ہوئے یا نئی architecture میں تیز JSI) اس کی hybrid nature کو واضح کرتا ہے۔ **اہم خصوصیات** سمجھنا — native components (native feel/performance)، مانوس React model (منتقلی قابل web skills)، cross-platform code sharing، Fast Refresh (فوری updates)، بڑی npm ecosystem، اور native feature access — یہ بتاتا ہے کہ React Native کیوں وسیع پیمانے پر استعمال ہوتا ہے (Instagram، Discord، Shopify، اور بہت سے دوسروں نے استعمال کیا)۔ چونکہ React Native ایک بڑا cross-platform framework ہے (خاص طور پر React/web developers کے لیے اپیل) اور اس کی nature کو سمجھنا (React + JS، native components، cross-platform) اور یہ کیسے کام کرتا ہے (حقیقی native UI کو چلاتے ہوئے) React Native کام کے لیے بنیادی ہے اور cross-platform options کو سمجھنے کے لیے، React Native کیا ہے اور یہ کیسے کام کرتا ہے یہ سمجھنا ضروری، بنیادی علم ہے — React Native development کے لیے شروعات کا نقطہ اور cross-platform technologies کے درمیان اس کی جگہ کو سمجھنے کے لیے اہم تناظر، ایک وسیع پیمانے پر استعمال ہونے والا طریقہ خاص طور پر React skills کو native mobile apps بنانے کے لیے استعمال کرنے کے لیے قیمتی۔