React Native uporablja React-ov model komponent in JSX — gradnje uporabniških vmesnikov iz ponovno uporabnih komponent, ki vrnjejo JSX. Če poznate React za splet, se to neposredno prenese; glavna razlika je uporaba domačih komponent namesto HTML-elementov.
() {
(
);
}
() {
(
);
}
Komponente so ponovno uporabljivi deli UI (funkcije, ki vrnejo JSX); sprejmejo props (vhode) in se komponirajo v drevesa — popolnoma kot React za splet, vendar z domačimi komponentami.
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 prepustijo podatke v komponente; stanje (prek useState) drži spreminjajoče se podatke, ki sprožijo ponovno upodabljanje — isti React-ov model kot na spletu.
✓ 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.
Razumevanje delovanja komponent in JSX v React Native je temeljno, ker je React Native zgrajen na React-ovem modelu komponent, zato je razumevanje bistveno, in velika prednost je, da se React znanje neposredno prenese.
Komponente (ponovno uporabljivi deli UI, ki vrnejo JSX, sprejmejo props kot vhode in se komponirajo v drevesa) in JSX (sintaksa, ki opisuje UI z vgrajenimi izrazi) so temelj razvoja React Native — enaki kot React za splet.
Razumevanje props (prepuščanja podatkov v komponente) in stanja (prek kuke useState, ki drži spreminjajoče se podatke, ki sprožijo ponovno upodabljanje) je bistveno, ker so ti React-ovi koncepti način, kako React Native komponente sprejmejo podatke in upravljajo spreminjanja — enaki kot web React.
Ključna ugotovitev je, da se React znanje prenese: komponente, JSX, props, stanje, kuke (useState, useEffect, itd.), komponiranje in ključi delujejo na isti način kot v React za splet, z glavno razliko v uporabi domačih komponent (View, Text) namesto HTML in drugače oblikovanje.
Ta prenosljivost je glavni razlog, zakaj je React Native privlačen — veliko množico React/web razvijalcev lahko direktno uporabi večino svojega obstoječega znanja za gradnjo domačih mobilnih aplikacij, z relativno majhno krivuljo učenja, osredotočeno na domače komponente in specifičnosti platforme.
Ker je React Native v bistvu React (komponente, JSX, props, stanje, kuke) uporabljen za domač UI, in razumevanje tega modela je bistveno za gradnjo React Native aplikacij, hkrati pa razumevanje, da se React znanje neposredno prenese (ključna prednost), je razumevanje komponent in JSX v React Native bistveno, temeljno znanje — jedro programskega modela React Native, potrebno za gradnjo aplikacij, in posebej dragoceno pri poudarjanju, kako neposredno se React/web spretnosti användu na React Native mobilni razvoj.