Baro React.js + Tailwind + Redux — Full React.js Course Af Somali 22+ Hours

Full Courses22 saac 4 daqiiqo50 cutubAf-Soomaali

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

  1. 0:00Hordhaca Koorsada React.js Af Soomaali
  2. 3:00Bilaabista Project-ka iyo Create React App Af Soomaali
  3. 9:54Sharaxaadda File Structure-ka React Af Soomaali
  4. 15:03Fahamka JSX iyo createRoot Af Soomaali
  5. 31:32Qawaaniinta JSX iyo Styling Af Soomaali
  6. 38:46Hordhaca React Components Af Soomaali
  7. 48:26Fahamka Props iyo Gudbinta Xogta Af Soomaali
  8. 59:16Conditional Rendering gudaha React Af Soomaali
  9. 1:09:25Rendering Lists iyo Isticmaalka Map Af Soomaali
  10. 1:21:06Maareynta Events gudaha React Af Soomaali
  11. 1:28:20Hordhaca Hook-ga useState Af Soomaali
  12. 1:44:49useState oo Complex ah iyo Objects Af Soomaali
  13. 1:54:36Hordhaca Hook-ga useEffect Af Soomaali
  14. 2:06:00Fetching Data oo ka socota API Af Soomaali
  15. 2:26:00Dhisidda Social Media Project Af Soomaali
  16. 2:41:12Login Component iyo State Lifting Up Af Soomaali
  17. 3:01:43Header Component iyo Logout Functionality Af Soomaali
  18. 3:10:00Create Post Component iyo Form Handling Af Soomaali
  19. 3:32:00Maareynta Posts State iyo Array Spread Af Soomaali
  20. 3:52:00Fahamka iyo Isticmaalka Hook-ga useRef Af Soomaali
  21. 4:14:23Hordhaca Context API iyo useContext Af Soomaali
  22. 4:34:00Hordhaca Hook-ga useReducer Af Soomaali
  23. 4:44:36Samaynta Post Reducer File Af Soomaali
  24. 5:02:00Isku Xirka useReducer iyo Context API Af Soomaali
  25. 5:26:00Delete Post Feature iyo Confirmation Af Soomaali
  26. 5:41:06Hordhaca Shopping Cart Project iyo Router Af Soomaali
  27. 6:00:00Ways-ka Kala Duwan ee Styling-ka Af Soomaali
  28. 6:23:46Setup-ka iyo Isticmaalka React Router v6 Af Soomaali
  29. 6:52:00Dhisidda iyo Styling-ka Header Component Af Soomaali
  30. 7:10:00Dhisidda Products iyo Dummy Data Af Soomaali
  31. 7:35:01CSS Grid iyo Styling-ka Product Cards Af Soomaali
  32. 8:04:00Dhisidda Custom Hook useShop iyo Reducer Af Soomaali
  33. 8:36:00Add to Cart iyo Remove from Cart Af Soomaali
  34. 9:04:00Dhisidda Cart Products Page Af Soomaali
  35. 9:28:54Xisaabinta Total Price iyo Real-time Updates Af Soomaali
  36. 9:36:00Dhisidda Payment Component Af Soomaali
  37. 10:07:00Ku Xiridda Hormuud EVC Plus API Af Soomaali
  38. 10:41:17Isticmaalka React Hot Toast Af Soomaali
  39. 10:49:04Ku Shubidda Project-ka GitHub iyo Vercel Af Soomaali
  40. 11:04:55Hordhaca Project-ka Miss Somalia iyo Redux Af Soomaali
  41. 11:14:49Setup-ka Vite iyo SCSS Preprocessor Af Soomaali
  42. 11:43:27Dhisidda Countdown Timer Component Af Soomaali
  43. 12:00:00Dhisidda Competitors List iyo Grid Af Soomaali
  44. 12:50:00Dhisidda Vote Modal Component Af Soomaali
  45. 13:28:28Hordhaca iyo Setup-ka Redux Toolkit Af Soomaali
  46. 13:47:23Samaynta Modal Slice iyo Competitor Slice Af Soomaali
  47. 14:47:09Add Vote Functionality iyo Local Storage Af Soomaali
  48. 15:12:15Hordhaca Project-ka Netflix Clone iyo Tailwind Af Soomaali
  49. 17:20:00Dhisidda Browse Page iyo TMDb API Af Soomaali
  50. 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