#17 - شرح الـ props و طريقة إنشاء مكونات ديناميكية Props & dynamic components

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 لتنفيذ طلبات أجاكس