X'inhumm il-komponenti qalb f'React Native?

Question

IT Interview Practice · Accepted Answer

React Native jipprovdi sett ta' **komponenti qalb** — bhal **View**, **Text**, **Image**, **ScrollView**, **TextInput** — li jimappin għal elementi UI nattivi. Dawn huma l-blokki fundamentali ta' UIs ta' React Native, użati minflok il-elementi HTML web. ## Komponenti qalb (versus HTML web) ```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 ``` ## Eżempju ```jsx import { View, Text, Image, TextInput, TouchableOpacity } from 'react-native'; function Profile() { return ( {/* container (like a div) */} Ann {/* text MUST be in */} {}}> Submit ); } ``` ## Differenzi kbar minn web ```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 ``` ## Għaliex dan hu importanti L-għarfien tal-komponenti qalb hu fundamentali għall-iżvilupp ta' React Native għax **huma l-blokki fundamentali ta' kull UI ta' React Native** — inti tikkombina biex tibna interfaces, għalhekk dan hu għarfien fundamentali li n-naw m'hemm għola. React Native jipprovdi **komponenti tiegħu stess** li jimappin għal veduti nattivi (minflok elementi HTML web), u l-għarfien tal-essenzjali — **View** (il-kontenitru, bhal div), **Text** (għat-testi kollha, bil-preċedent importanti li t-test kollu għandu jkun ġewwa komponenti Text, mhux bhal fil-web), **Image**, **TextInput**, **ScrollView**, **FlatList** (għal listi twal effiċjenti), u touchables/**Pressable** (biex tittratta t-tappings) — hu meħtieġ biex ibni kull UI ta' React Native. L-għarfien tal-**differenzi kbar minn web** hu partikolarment importanti għall-iżviluppaturi web/React li jiskopriru React Native: l-użu ta' View minflok div u Text minflok p/span (bil-preċedent kollu-test-f'Text), styling permezz tal-prop style minflok CSS classes/files, l-użu ta' touchables/Pressable għall-interazzjonijiet minflok onClick, u l-użu ta' **FlatList għal listi twal** (li jirrender b'mod effiċjenti/pigra) minflok il-mapping ta' kollox — dawn id-differenzi huma ostakli komuni li l-għarfien tal-komponenti qalb ijjaracc. Il-komponenti jikkonvinċu (bhal React) biex jibnu UIs, b'View bħala kontenitru fundamentali. Billi l-komponenti qalb huma l-blokki fundamentali ta' kull UI ta' React Native (inti tuża kontinwament biex tibna interfaces) u l-għarfien tagħhom u kif jidifferenzjaw minn HTML web hu fundamentali għall-ibnija ta' apps React Native (speċjalment għall-iżviluppaturi web), l-għarfien tal-komponenti qalb hu għarfien essenzjali u fundamentali ta' React Native — il-vokabularju bażiku ta' UI ta' React Native, meħtieġ biex tibni kull interface u biex tadatta l-għarfien React web għall-mudell ta' komponenti nattivi, kompetenza ċentrali għall-iżvilupp ta' React Native.

Komponenti qalb (versus HTML web)

Eżempju

Differenzi kbar minn web

Għaliex dan hu importanti

Mistoqsijiet relatati