React Native मधील मुख्य घटक कोणते आहेत?

Question

Accepted Answer

React Native **मुख्य घटक** — जसे की **View**, **Text**, **Image**, **ScrollView**, **TextInput** — ज्यांचा नेटिव्ह UI घटकांसह नकाशा तयार होतो. ही React Native UIs ची मूलभूत बिल्डिंग ब्लॉक्स आहेत, जे वेब HTML घटकांच्या जागी वापरली जातात. ## मुख्य घटक (वेब HTML विरुद्ध) ```text React Native uses its OWN components (mapping to native views), NOT HTML: VIEW → a container (like a

) — the basic layout building block TEXT → display text (ALL text must be inside a , unlike web) IMAGE → display images (local or remote) TEXTINPUT → text input field (like an ) SCROLLVIEW → a scrollable container FLATLIST → an efficient scrollable LIST (for long lists — renders lazily) TOUCHABLEOPACITY / PRESSABLE → handle taps (touchable areas) BUTTON → a basic button ``` ## उदाहरण ```jsx import { View, Text, Image, TextInput, TouchableOpacity } from 'react-native'; function Profile() { return ( {/* container (like a div) */} Ann {/* text MUST be in */} {}}> Submit ); } ``` ## वेबपेक्षा मुख्य फरक ```text ✓ Use not

, not

/; ALL text must be in ✓ No CSS classes/files — STYLING via a style prop (JS objects, StyleSheet) — see styling ✓ Touchables/Pressable for interactions (not onClick on divs) ✓ FlatList for long lists (efficient) — not mapping over everything ``` ## हे महत्वाचे का आहे मुख्य घटकांना समजून घेणे React Native विकासासाठी मूलभूत आहे कारण **ते प्रत्येक React Native UI च्या बिल्डिंग ब्लॉक्स आहेत** — आप त्यांना इंटरफेस तयार करण्यासाठी एकत्रित करता, म्हणून ही अपरिहार्य मूलभूत ज्ञान आहे. React Native आपल्या **स्वतःच्या घटक** प्रदान करते जे नेटिव्ह व्हिउज़ (वेब HTML घटकांपेक्षा) सह नकाशा तयार करतात, आणि अत्यावश्यक समजून घेणे — **View** (कंटेनर, div सारखे), **Text** (सर्व मजकुरासाठी, महत्वाच्या नियमासह की सर्व मजकूर Text घटकाच्या आंतरगत असणे आवश्यक आहे, वेबमध्ये तसे नाही), **Image**, **TextInput**, **ScrollView**, **FlatList** (प्रभावी लांब सूचीसाठी), आणि touchables/**Pressable** (टॅप हाताळत) — कोणताही React Native UI तयार करण्यासाठी आवश्यक आहे. **वेबमधील मुख्य फरक** समजून घेणे विशेषतः महत्वाचे आहे वेब/React विकसकांसाठी जे React Native ला बदलत आहेत: div च्या जागी View वापरणे आणि p/span च्या जागी Text वापरणे (सर्व-मजकूर-Text-मध्ये नियमासह), CSS क्लास/फाईलांऐवजी style प्रॉप द्वारे स्टाइलिंग, onClick ऐवजी touchables/Pressable वापरणे परस्परसंवादासाठी, आणि सर्व मॅप करण्याऐवजी **लांब सूचीसाठी FlatList वापरणे** (जे कार्यक्षमतेने/आळसीतनी रेंडर करते) — हे फरक सामान्य अडचणी आहेत जे मुख्य घटकांना समजून घेणे स्पष्ट करते. घटक (React सारखे) UI तयार करण्यासाठी तयार करतात, View हा मूलभूत कंटेनर आहे. मुख्य घटक प्रत्येक React Native UI च्या बिल्डिंग ब्लॉक्स असल्याने (आप इंटरफेस तयार करण्यासाठी सतत त्यांचा वापर करता) आणि त्यांना समजून घेणे आणि ते वेब HTML पेक्षा कसे भिन्न आहेत हे React Native apps तयार करण्यासाठी मूलभूत आहे (विशेषतः वेब विकसकांसाठी), मुख्य घटकांना समजून घेणे अपरिहार्य, मूलभूत React Native ज्ञान आहे — React Native UI चा मूल शब्दसंग्रह, कोणताही इंटरफेस तयार करण्यासाठी आवश्यक आणि वेब React ज्ञानाला नेटिव्ह घटक मॉडेलमध्ये अनुकूल करण्यासाठी आवश्यक, React Native विकासासाठी मूलभूत क्षमता.