React Native ले React को component model र JSX प्रयोग गर्छ — UI लाई पुन: प्रयोगमा आउने components बाट बनाइएको हुन्छ जसले JSX फर्काउछन्। यदि तपाई वेबको लागि React जान्नु हुन्छ, यो सीधै स्थानान्तरण हुन्छ; मुख्य भिन्नता HTML elements को सट्टा native components प्रयोग गरेको हो।
() {
(
);
}
() {
(
);
}
Components पुन: प्रयोगमा आउने UI टुक्रा हुन् (JSX फर्काउने functions); तिनीहरूले props (inputs) लिन्छन् र trees मा compose हुन्छन् — बिल्कुल React for web जस्तै, तर native components को साथ।
import { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0); // STATE (useState hook)
return (
<TouchableOpacity onPress={() => setCount(count + 1)}>
<Text>Count: {count}</Text> {/* re-renders when state changes */}
</TouchableOpacity>
);
}
Props ले components मा data पास गर्छ; state (useState को माध्यमबाट) परिवर्तनशील data राख्छ जसले re-renders ट्रिगर गर्छ — web मा React जस्तै एउटै model हो।
✓ Components, JSX, props, state, HOOKS (useState, useEffect, etc.), composition, keys —
all the same as React for web
✓ The main difference: native components (View/Text) instead of HTML; styling differs
→ React developers can apply most of their knowledge directly to React Native.
React Native मा components र JSX कसरी काम गर्छन् भन्ने कुरा बुझ्नु मौलिक महत्त्वपूर्ण छ किनभने React Native को आधार React को component model मा छ, त्यसैले यसलाई बुझ्नु अत्यावश्यक छ, र एक ठूलो लाभ यो छ कि React ज्ञान सीधै स्थानान्तरण हुन्छ।
Components (पुन: प्रयोगमा आउने UI टुक्रा जसले JSX फर्काउछ, props लाई inputs को रूपमा लिन्छ, र trees मा compose हुन्छ) र JSX (UI वर्णन गर्ने syntax, जससँग embedded expressions हुन्छन्) React Native development को आधार हुन् — web को लागि React जस्तै।
Props (components मा data पास गरेको) र state (useState hook को माध्यमबाट, परिवर्तनशील data राख्छ जसले re-renders ट्रिगर गर्छ) बुझ्नु अत्यावश्यक छ किनभने यी React concepts हरू React Native components ले data कसरी प्राप्त गर्छन् र परिवर्तन कसरी प्रबन्ध गर्छन् भन्ने कुरा हो — web React को सँग समान।
मुख्य अन्तर्दृष्टि यो छ कि React ज्ञान स्थानान्तरण हुन्छ: components, JSX, props, state, hooks (useState, useEffect, etc.), composition, र keys सबै web को लागि React जस्तै एउटै तरिकाले काम गर्छन्, मुख्य भिन्नताहरू native components (View, Text) को प्रयोग HTML को सट्टा र फरक styling हुन्।
यो स्थानान्तरणक्षमता React Native को अपीलको एक ठूलो कारण हो — React/web developers को ठूलो पुल आफ्नो अधिकांश existing ज्ञान सीधै native mobile apps बनाउनमा लागू गर्न सक्छन्, native components र platform specifics मा केन्द्रित अपेक्षाकृत सानो learning curve को साथ।
किनभने React Native मौलिक रूपमा React (components, JSX, props, state, hooks) हो जसलाई native UI मा लागू गरिएको छ, र यो model बुझ्नु React Native apps बनाउनको लागि अत्यावश्यक छ जब कि React ज्ञान सीधै स्थानान्तरण हुन्छ (एक मुख्य लाभ), React Native मा components र JSX बुझ्नु अत्यावश्यक, मौलिक ज्ञान हो — React Native को core programming model, apps बनाउनको लागि आवश्यक, र विशेष गरी React/web skills कसरी सीधै React Native mobile development मा लागू हुन्छन् भन्ने कुरा हाइलाइट गर्नमा मूल्यवान।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्