أساسيات React
المقدمة
مقدمة الدورة
كيفية التعامل مع الدورة (How to navigate)
تجهيز بيئة العمل (Environment setup)
مواد الدورة (Course Materials)
مقدمة لمكتبة ريأكت (Intro to React Library)
ما هي ريأكت (What is React)
مختصر كتابي: ما هي ريأكت
المقارنة بين ريأكت والجافاسكريبت التقليدية (React vs Vanilla JS)
ريأكت وتطبيقات الصفحة الواحدة (React builds SPAs)
مختصر كتابي: ريأكت وتطبيقات الصفحة الواحدة
المصادر
أساسيات ريأكت (React Basics)
|
ما هي العناصر (What are components)؟
مختصر كتابي: ما هي العناصر؟
مقارنة الكود التصريحي باللإلزامي (Declarative vs imperative code)
مختصر كتابي: مقارنة الكود التصريحي باللإلزامي
انشاء مشروع ريأكت (Create React Project)
مختصر كتابي: انشاء مشروع ريأكت (Create React Project)
React project structure
?What is JSX
مختصر كتابي: ?What is JSX
?How React Works
Build Custom Component
JSX Limitations
Basic Component Styling
Binding data to JSX
مختصر كتابي: Binding data to JSX
Passing data to components
مختصر كتابي: Passing data to components
اختبار قصير: Passing data to components
Adding JS Code To Component
Component Splitting
Children prop
مختصر كتابي: Children prop
Component building exercise
JSX in depth
Organizing component files
Component as arrow function
المصادر
اختبار أساسيات ريأكت (React Basics)
حالة العنصر (Component State)
|
Listening to Events
مختصر كتابي: Listening to Events
اختبار قصير: Listening to Events
?How component functions are executed
Introduction to State Management
مختصر كتابي: Introduction to State Management
اختبار قصير: Introduction to State Management
Closer look at useState
مختصر كتابي: Closer look at useState
Adding form inputs
Form submit old way
مختصر كتابي: Form submit old way
Handling user inputs
Single state vs multiple states
مختصر كتابي: Single state vs multiple states
Update state from previous state
مختصر كتابي: Update state from previous state
Using forms
Two way binding
مختصر كتابي: Two way binding
Send child information to parent
مختصر كتابي: Send child information to parent
Lifting up state
Controlled vs uncontrolled components
مختصر كتابي: Controlled vs uncontrolled components
المصادر
اختبار حالة العنصر (Component State)
عرض القوائم (Rendering Lists)
Rendering List of Data
مختصر كتابي: Rendering List of Data
Using stateful Lists
?Why Keys are important to Lists
مختصر كتابي: ?Why Keys are important to Lists
المصادر
العرض الشرطي (Conditional Rendering)
|