Baro React Native Af Soomali | Dhis IOS Iyo Android Apps Adiga Oo Qoraya Single Code Base
Sharaxaad
Koorsadan waxaan ka bilaabayaa React Native aasaaska ilaa aad ka dhisto app iOS iyo Android labadaba ku shaqeeya, adigoo hal code base qoraya. Waxaa loogu talagalay qofka aan hore u samayn mobile app, gaar ahaan kii React yaqaana. Marka hore waxaan sharxayaa farqiga u dhexeeya native development iyo React Native, farqiga emulator-ka iyo simulator-ka, shirkadaha isticmaala, iyo sida loogu shubto Node.js iyo Expo.
Kadib waxaan galayaa core components-ka: View, Text, Image, TouchableOpacity, StyleSheet, ScrollView iyo FlatList oo performance ahaan ka fiican marka list dheer la soo bandhigayo. Waxaan sidoo kale ku tusayaa styles-ka platform-ka ku xiran ee iOS iyo Android, maaraynta state-ka iyo alerts-ka, iyo abuurista custom components. Qaybta labaad waa navigation-ka Expo Router: dynamic routing, search params, stack navigation iyo layouts, tab navigation oo icons leh, iyo modal presentation.
Ugu dambayn waxaan wada dhisaynaa app Task Manager ah. Waxaan sameynaynaa task list component, floating action button, modal-ka lagu daro task-ka cusub, maaraynta state-ka tasks-ka, delete iyo toggle complete, kala qaybinta active iyo completed, keydinta Async Storage si xogtu u sii jirto marka app-ka la xiro, iyo bog faahfaahin oo task walba leeyahay. Casharku waa ku dhawaad afar saac, waana starting point buuxa.
English summary
A nearly four-hour Somali (Af-Soomaali) React Native course from Dugsiiye that builds iOS and Android apps from a single code base. It explains the difference between native development and React Native, installs Node.js and Expo, and covers the core components: View, Text, Image, TouchableOpacity, StyleSheet, ScrollView and FlatList, plus platform-specific styles, state and alerts, and custom components. Navigation is taught with Expo Router: dynamic routes and search params, stack layouts, tab navigation with icons and modal presentation. The course closes with a complete Task Manager app: task list, floating action button, add-task modal, delete and toggle complete, active and completed filtering, Async Storage persistence and a task detail page. Free on YouTube.
Waxaad ku baranaysaa
- Farqiga u dhexeeya native development iyo React Native
- Ku shubidda Node.js iyo Expo
- Core components: View, Text, Image iyo TouchableOpacity
- Isticmaalka FlatList halkii ScrollView
- Expo Router: stack, tab iyo modal navigation
- Keydinta xogta Async Storage
- Dhisidda app Task Manager ah oo dhammaystiran
Cutubyada
- 0:00Hordhac iyo Sharaxaadda React Native Af Soomaali
- 3:00Agabka iyo Deegaanka Horumarinta (Setup) Af Soomaali
- 6:00Farqiga u dhexeeya Native Development iyo React Native Af Soomaali
- 11:30Shirkadaha Isticmaala React Native Af Soomaali
- 14:30Ku Shubashada Node.js iyo Expo Af Soomaali
- 21:00Fahamka Faylasha App.js iyo App.json Af Soomaali
- 26:30Core Components: View, Text, iyo Image Af Soomaali
- 37:30Isticmaalka TouchableOpacity iyo Buttons Af Soomaali
- 43:30Sida loo Isticmaalo StyleSheet iyo Styling Af Soomaali
- 55:34Soo Bandhigista List-yada: ScrollView Af Soomaali
- 1:04:26Isticmaalka FlatList ee Performance-ka Fiican Af Soomaali
- 1:11:04Platform Specific Styles (iOS vs Android) Af Soomaali
- 1:16:30Maareynta State-ka iyo Alert Events Af Soomaali
- 1:30:00Abuurista iyo Isticmaalka Custom Components Af Soomaali
- 1:31:55Barashada iyo Ku Shubashada Expo Router Af Soomaali
- 1:42:15Dynamic Routing iyo Search Parameters Af Soomaali
- 1:48:00Sameynta Stack Navigation iyo Layouts Af Soomaali
- 1:58:00Sameynta Tab Navigation iyo Icons Af Soomaali
- 2:14:00Isticmaalka Modal Presentation Af Soomaali
- 2:18:00Bilaabista Project-ka: Task Manager App Af Soomaali
- 2:26:05Dhisidda Task List Component Af Soomaali
- 2:34:50Sameynta Floating Action Button (FAB) Af Soomaali
- 2:45:00Dhisidda Add Task Modal Af Soomaali
- 3:13:30Maareynta State-ka ee Tasks-ka Cusub Af Soomaali
- 3:21:00Sameynta Delete iyo Toggle Complete Functions Af Soomaali
- 3:32:00Kala Qaybinta Active iyo Completed Tasks Af Soomaali
- 3:39:00Isticmaalka Async Storage (Local Storage) Af Soomaali
- 3:53:30Sameynta Task Detail Page iyo Gunaanad Af Soomaali
Su'aalo
- Ma u baahanahay Mac?
- Mac ayaa loo baahan yahay iOS simulator-ka. Haddii kale waxaad isticmaali kartaa Android Studio ama Expo Go ee taleefankaaga.
- React ma qasab baa inaan hore u aqaano?
- Haddaad React fahamsan tahay aad ayay kuu fududaanaysaa, laakiin koorsadu aasaaska ayay ka bilaabaysaa.
- Intee bay socotaa koorsadu?
- Ku dhawaad afar saac, waana bilaash YouTube-ka.


