Baro React.js + Tailwind + Redux — Full React.js Course Af Somali 22+ Hours
Sharaxaad
Koorsadan waa tii ugu dheerayd ee aan soo galiyo, in ka badan labaatan iyo laba saac, waxaanan ku barayaa React.js from start to finish, Tailwind CSS iyo Redux-na way ku dhex jiraan. Waxaa loogu talagalay qofka doonaya inuu React si professional ah u barto. Waxaad u baahan tahay JavaScript aasaasi ah, Node.js iyo VS Code.
Waxaan ka bilaabaynaa create react app iyo Vite, JSX, components, props, conditional rendering, lists iyo map, iyo events. Kadibna waxaan galayaa hooks-ka: useState oo fudud ilaa mid complex ah, useEffect, fetching-ka data-da API-ga, useRef, Context API iyo useReducer. Project-ka koowaad waa social media app: login iyo lifting state up, header iyo logout, create post, maaraynta posts-ka, ilaa delete post oo confirmation leh.
Project-ka labaad waa shopping cart oo React Router v6, CSS grid, custom hook useShop, add iyo remove from cart, cart page iyo xisaabinta total price-ka. Waxaan ku xirnay Hormuud EVC Plus API si lacag bixintu u shaqayso, kadibna GitHub iyo Vercel ayaan ku shubnay. Project-ka saddexaad waa Miss Somalia oo Vite, SCSS, countdown timer iyo Redux Toolkit slices leh, codadkana local storage lagu kaydiyo. Ugu dambayn waxaan wada dhisaynaa Netflix clone oo Tailwind CSS iyo TMDb API isticmaalaya, waxaanan ku gunaanadayaa assignment.
English summary
A 22-hour Somali (Af-Soomaali) React.js course from Dugsiiye, the channel's longest, covering React with Tailwind CSS and Redux from first principles. It starts with Create React App and Vite, JSX, components, props, conditional rendering, lists and events, then the hooks: useState, useEffect and data fetching, useRef, Context API and useReducer. Four projects follow: a social media app with login and lifted state, a shopping cart with React Router v6, a custom useShop hook, cart totals, a Hormuud EVC Plus payment integration and deployment to GitHub and Vercel, a Miss Somalia voting app built with Vite, SCSS and Redux Toolkit, and a Netflix clone using Tailwind CSS and the TMDb API. Free on YouTube.
Waxaad ku baranaysaa
- Aasaaska React: JSX, components iyo props
- Hooks-ka: useState, useEffect, useRef iyo useReducer
- Context API iyo maaraynta state-ka global-ka ah
- React Router v6 iyo dhisidda shopping cart
- Ku xiridda Hormuud EVC Plus API
- Redux Toolkit iyo slices-ka
- Netflix clone oo Tailwind CSS iyo TMDb API leh
Cutubyada
- 0:00Hordhaca Koorsada React.js Af Soomaali
- 3:00Bilaabista Project-ka iyo Create React App Af Soomaali
- 9:54Sharaxaadda File Structure-ka React Af Soomaali
- 15:03Fahamka JSX iyo createRoot Af Soomaali
- 31:32Qawaaniinta JSX iyo Styling Af Soomaali
- 38:46Hordhaca React Components Af Soomaali
- 48:26Fahamka Props iyo Gudbinta Xogta Af Soomaali
- 59:16Conditional Rendering gudaha React Af Soomaali
- 1:09:25Rendering Lists iyo Isticmaalka Map Af Soomaali
- 1:21:06Maareynta Events gudaha React Af Soomaali
- 1:28:20Hordhaca Hook-ga useState Af Soomaali
- 1:44:49useState oo Complex ah iyo Objects Af Soomaali
- 1:54:36Hordhaca Hook-ga useEffect Af Soomaali
- 2:06:00Fetching Data oo ka socota API Af Soomaali
- 2:26:00Dhisidda Social Media Project Af Soomaali
- 2:41:12Login Component iyo State Lifting Up Af Soomaali
- 3:01:43Header Component iyo Logout Functionality Af Soomaali
- 3:10:00Create Post Component iyo Form Handling Af Soomaali
- 3:32:00Maareynta Posts State iyo Array Spread Af Soomaali
- 3:52:00Fahamka iyo Isticmaalka Hook-ga useRef Af Soomaali
- 4:14:23Hordhaca Context API iyo useContext Af Soomaali
- 4:34:00Hordhaca Hook-ga useReducer Af Soomaali
- 4:44:36Samaynta Post Reducer File Af Soomaali
- 5:02:00Isku Xirka useReducer iyo Context API Af Soomaali
- 5:26:00Delete Post Feature iyo Confirmation Af Soomaali
- 5:41:06Hordhaca Shopping Cart Project iyo Router Af Soomaali
- 6:00:00Ways-ka Kala Duwan ee Styling-ka Af Soomaali
- 6:23:46Setup-ka iyo Isticmaalka React Router v6 Af Soomaali
- 6:52:00Dhisidda iyo Styling-ka Header Component Af Soomaali
- 7:10:00Dhisidda Products iyo Dummy Data Af Soomaali
- 7:35:01CSS Grid iyo Styling-ka Product Cards Af Soomaali
- 8:04:00Dhisidda Custom Hook useShop iyo Reducer Af Soomaali
- 8:36:00Add to Cart iyo Remove from Cart Af Soomaali
- 9:04:00Dhisidda Cart Products Page Af Soomaali
- 9:28:54Xisaabinta Total Price iyo Real-time Updates Af Soomaali
- 9:36:00Dhisidda Payment Component Af Soomaali
- 10:07:00Ku Xiridda Hormuud EVC Plus API Af Soomaali
- 10:41:17Isticmaalka React Hot Toast Af Soomaali
- 10:49:04Ku Shubidda Project-ka GitHub iyo Vercel Af Soomaali
- 11:04:55Hordhaca Project-ka Miss Somalia iyo Redux Af Soomaali
- 11:14:49Setup-ka Vite iyo SCSS Preprocessor Af Soomaali
- 11:43:27Dhisidda Countdown Timer Component Af Soomaali
- 12:00:00Dhisidda Competitors List iyo Grid Af Soomaali
- 12:50:00Dhisidda Vote Modal Component Af Soomaali
- 13:28:28Hordhaca iyo Setup-ka Redux Toolkit Af Soomaali
- 13:47:23Samaynta Modal Slice iyo Competitor Slice Af Soomaali
- 14:47:09Add Vote Functionality iyo Local Storage Af Soomaali
- 15:12:15Hordhaca Project-ka Netflix Clone iyo Tailwind Af Soomaali
- 17:20:00Dhisidda Browse Page iyo TMDb API Af Soomaali
- 22:04:00Gebogebada Koorsada iyo Assignment Af Soomaali
Su'aalo
- Ma u baahanahay JavaScript?
- Haa, JavaScript aasaasi ah waa lagaa rabaa. Sidoo kale Node.js iyo VS Code ku shub ka hor.
- Ma bilaash bay tahay koorsadu?
- Haa, YouTube-ka ayay ku taal, code-ka projects-kana GitHub ayaa laga helaa.
- Intee bay socotaa?
- In ka badan labaatan iyo laba saac, waxayna ka kooban tahay afar project oo waaweyn.
La xiriira
Videoyo la mid ah
Dhis AI SaaS App (Next.js + OpenAI + Stripe + AWS) – Cashar Buuxa oo Af-Somali ah11 saac 15 daqiiqo
Dhis Web App Real Ah (PHP + MySQL + AJAX + Bootstrap) – Cashar Buuxa oo Af-Somali ah6 saac 25 daqiiqo
Baro React Native Af Soomali | Dhis IOS Iyo Android Apps Adiga Oo Qoraya Single Code Base3 saac 54 daqiiqo