React Native folosește modelul de componente al React și JSX — construirea interfețelor utilizator din componente reutilizabile care returnează JSX. Dacă cunoașteți React pentru web, acest lucru se transferă direct; principala diferență este utilizarea componentelor native în loc de elemente HTML.
() {
(
);
}
() {
(
);
}
Componentele sunt piese UI reutilizabile (funcții care returnează JSX); acestea primesc props (intrări) și se compun în arbori — exact ca React pentru web, dar cu componente native.
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 transmit date în componente; state (via useState) ține date care se schimbă și declanșează re-randări — același model React ca pe web.
✓ 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.
Înțelegerea modului în care funcționează componentele și JSX în React Native este fundamentală, deoarece React Native este construit pe modelul de componente al React, deci înțelegerea acestuia este esențială, iar un avantaj major este că cunoștințele React se transferă direct.
Componentele (piese UI reutilizabile care returnează JSX, iau props ca intrări și se compun în arbori) și JSX (sintaxa care descrie interfața utilizator cu expresii încorporate) sunt fundamentul dezvoltării React Native — la fel ca React pentru web.
Înțelegerea props (transmiterea datelor în componente) și state (via hook-ul useState, ținând date care se schimbă și declanșează re-randări) este esențială, deoarece aceste concepte React sunt modul în care componentele React Native primesc date și gestionează schimbarea — identic cu React pentru web.
Insight-ul cheie este că cunoștințele React se transferă: componente, JSX, props, state, hooks (useState, useEffect, etc.), compoziție și keys funcționează la fel ca în React pentru web, cu principalele diferențe fiind utilizarea componentelor native (View, Text) în loc de HTML și stilizarea diferită.
Această transferabilitate este o marjă majoră din cauza căreia React Native este atractiv — marea populație de dezvoltatori React/web poate aplica cea mai mare parte a cunoștințelor existente direct la construirea aplicațiilor mobile native, cu o curbă de învățare relativ mică focalizată pe componentele native și specificurile platformei.
Deoarece React Native este fundamental React (componente, JSX, props, state, hooks) aplicat interfețelor utilizator native, și înțelegerea acestui model este esențială pentru construirea aplicațiilor React Native, în timp ce se recunoaște că cunoștințele React se transferă direct (un avantaj cheie), înțelegerea componentelor și JSX în React Native este cunoaștere esențială și fundamentală — modelul de programare de bază al React Native, necesar pentru construirea aplicațiilor și deosebit de valoros prin evidențierea modului în care abilități React/web se aplică direct la dezvoltarea mobilă React Native.