React Native ya amfani da React's component model da JSX — gina bina UIs daga reusable components waɗanda suka mayar da JSX. Idan ka san React don gida, wannan yana canza kai tsaye; babbar bambanci shine amfani da native components maimakon HTML elements.
() {
(
);
}
() {
(
);
}
Components sune reusable UI pieces (functions waɗanda suka mayar da JSX); suna daukar props (inputs) kuma suna haɗa cikin bishiyoyi — daidai kamar React don gida, amma tare da 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 suna jiyo data zuwa cikin components; state (ta hanyar useState) tana riƙe da canja-canja data waɗanda suka ƙaddamar da re-renders — daidai da React model a akan gida.
✓ 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.
Wanene ji da components da JSX suke aiki a cikin React Native yana da mahimmanci sosai saboda React Native an gina shi akan React's component model, don haka fahimtar sa yana da mahimmanci sosai, kuma babbar yin abinda ake iya gida shi ne cewa React knowledge yana canza kai tsaye.
Components (reusable UI pieces waɗanda suka mayar da JSX, suna daukar props azaman inputs, kuma suna haɗa cikin bishiyoyi) da JSX (syntax waɗanda suke kwatanta UI tare da jiyo expressions) sune tushe na React Native development — daidai kamar React don gida.
Wanene ji da props (jiyo data zuwa cikin components) da state (ta hanyar useState hook, riƙe da canja-canja data waɗanda suka ƙaddamar da re-renders) yana da mahimmanci saboda waɗannan React concepts sune yadda React Native components suke karɓa data da sarrafa canja — daidai da web React.
Matakicinimma shine cewa React knowledge yana canza kai tsaye: components, JSX, props, state, hooks (useState, useEffect, da sauransu), composition, da keys duk suna aiki daidai kamar a React don gida, saboda abin da ya bambanta shi ne amfani da native components (View, Text) maimakon HTML da wansu styling.
Wanene kin wayar wannan yana da mahimmanci sosai — babbar tarin React/web developers zasu iya mayar da yawancin ilimin da suke da shi tsaye a gina native mobile apps, tare da kadan karuwa na karatu waɗanda suka hade da native components da platform specifics.
Tun da React Native shi ne React (components, JSX, props, state, hooks) da aka yi wa native UI, da fahimtar wannan model yana da mahimmanci sosai don gina React Native apps yayin ganewa cewa React knowledge yana canza kai tsaye (babbar yin abinda ake iya gida), fahimtar components da JSX a cikin React Native yana da mahimmanci sosai, tushe na ilimi — core programming model na React Native, wajibi don gina apps, kuma musamman mai kyau a jera yadda directly React/web skills suke yi amfani a React Native mobile development.