Never stop talking " STOP the Gaza Genocide "
  • Lesson.No : 16
  • 00:03:37

  • #16 - فهم الـ JSX و بعض القواعد الخاصة بها understanding JSX

  • Play

Course Lessons

  1. 1- #01 - مقدمة الدورة
  2. 2- #02 - ما هو الـ virtual DOM
  3. 3- #03 - ما هو الـ components & JSX
  4. 4- #04 - ما هو الـ SPA
  5. 5- #05 - إنشاء اول تطبيق بإستخدام الـ react.js
  6. 6- #06 - شرح الـ ES6 let & const
  7. 7- #07 - شرح الـ ES6 arrow functions
  8. 8- #08 - شرح الـ ES6 exports & imports
  9. 9- #09 - شرح الـ ES6 Classes
  10. 10- #10 - شرح الـ ES6 spread & rest operators
  11. 11- #11 - شرح الـ ES6 Destructing
  12. 12- #12 - شرح الـ React Build Workflow
  13. 13- #13 - إنشاء تطبيق رياكت بإستخدام اداة create-react-app (الطريقة الموصى بها)
  14. 14- #14 - شرح بنية التطبيق App Structure
  15. 15- #15 - فهم أساسيات المكونات understanding component basics
  16. 16- #16 - فهم الـ JSX و بعض القواعد الخاصة بها understanding JSX
  17. 17- #17 - شرح الـ props و طريقة إنشاء مكونات ديناميكية Props & dynamic components
  18. 18- #18 - شرح الـ state
  19. 19- #19 - مقارنة بين الـ state و الـ props
  20. 20- #20 - معالجة الاحداث handling events
  21. 21- #21 - تعديل الـ state
  22. 22- #22 - تمرير الدوال كـ props
  23. 23- #23 - مقارنة بين الـ stateful component و الـ stateless component
  24. 24- #24 - تنسيق مكونات الـ react (الطريقة الأولى) stylesheets files
  25. 25- #25 - تنسيق مكونات الـ react (الطريقة الثانية) inline styles
  26. 26- #26 - التعامل مع الشرط (condition) في رياكت الجزء اﻷول
  27. 27- #27 - التعامل مع الشرط (condition) في رياكت الجزء الثاني
  28. 28- #28 - طرق أخرى لكتابة الشرط (condition)
  29. 29- #29 - التعامل مع القوائم Lists & keys
  30. 30- #30 - تنسيق المكونات في رياكت - inline styling
  31. 31- #31 - تنسيق المكونات في رياكت - css stylesheets
  32. 32- #32 - تنسيق المكونات في رياكت - css modules
  33. 33- #33 - تنسيق المكونات في رياكت - styled-components
  34. 34- #34 - تصحيح الأخطاء - Debugging الجزء الأول
  35. 35- #35 - تصحيح الأخطاء - Debugging الجزء الثاني
  36. 36- #36 - أداة React Developer Tools
  37. 37- #37 - دورة حياة المكون في رياكت - life-cycle of component
  38. 38- #38 - دورة حياة المكون في رياكت - constructor
  39. 39- #39 - دورة حياة المكون في رياكت - render
  40. 40- #40 - دورة حياة المكون في رياكت - componentDidMount
  41. 41- #41 - دورة حياة المكون في رياكت - componentWillUnmount
  42. 42- #42 - دورة حياة المكون في رياكت - componentDidUpdate & ShouldComponentUpdate
  43. 43- #43 - دورة حياة المكون في رياكت - getDerivedStateFromProps
  44. 44- #44 - شرح الـ Rendering Adjacent JSX
  45. 45- #45 - شرح الـ Fragment
  46. 46- #46 - شرح الـ HOC Higher Order Component
  47. 47- #47 - شرح التحقق من نوع الـ props
  48. 48- #48 - شرح الـ Refs
  49. 49- #49 - شرح الـنماذج في رياكت Forms in react
  50. 50- #50 - مقدمة إلى الـ Formik
  51. 51- #51 - التعامل مع مكتبة الـ Formik
  52. 52- #52 - التعامل مع الـ axios لتنفيذ طلبات أجاكس