React Native React च्या component model आणि JSX वापरते — UIs पुन:वापरयोग्य components वरून बनवते जे JSX परत करतात. जर तुम्हाला वेब साठी React माहित असेल, तर हे थेट स्थानांतरित होते; मुख्य फरक म्हणजे HTML elements च्या ऐवजी native components वापरणे.
() {
(
);
}
() {
(
);
}
Components पुन:वापरयोग्य UI तुकडे आहेत (JSX परत करणारे functions); ते props (inputs) घेतात आणि trees मध्ये compose होतात — बिलकुल React साठी 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 मध्ये डेटा पास करतात; state (useState द्वारे) बदलणारा डेटा धारण करते जो re-renders ट्रिगर करतो — वेबवरील 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 वर्णन करणार सिंटॅक्स embedded expressions सह) हा React Native development चा आधार आहे — वेब React सारखेच.
Props (components मध्ये डेटा पास करणे) आणि state (useState hook द्वारे, बदलणारा डेटा धारण करणे जो re-renders ट्रिगर करतो) समजून घेणे आवश्यक आहे कारण हे React concepts हे React Native components डेटा कसे प्राप्त करतात आणि change कसे व्यवस्थापित करतात यावर आहेत — web React सारखेच.
मुख्य insight हा असा आहे की React ज्ञान स्थानांतरित होते: components, JSX, props, state, hooks (useState, useEffect, इत्यादी), composition, आणि keys सर्व web React साठी सारख्याच पद्धतीने काम करतात, मुख्य फरक म्हणजे native components (View, Text) HTML च्या ऐवजी आणि वेगवेगळी styling वापरणे.
हा transferability एक मुख्य कारण आहे की React Native आकर्षक आहे — React/web developers च्या मोठ्या pool ला त्यांचे बहुतेक विद्यमान ज्ञान थेट native mobile apps बनवण्यासाठी लागू करू शकतात, relatively small learning curve सह जो native components आणि platform specifics वर केंद्रित आहे.
कारण 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 साठी कितपत थेट लागू होतात हे हायलाइट करण्यात मूल्यवान.