1

01.001 - ReactJS بالعربية - Basics - Intro مقدمة الدورة

7:52

2

02.002 - ReactJS بالعربية - Basics - Hello world

6:19

3

03.003 - ReactJS بالعربية - Basics - JSX

6:29

4

04.004 - ReactJS بالعربية - Basics - Local setup (MPA)

10:10

5

05.005 - ReactJs بالعربية - Basics - create-react-app (SPA Setup)

4:51

6

06.006 - ReactJs بالعربية - Basics - Component basics

10:19

7

07.007 ReactJs بالعربية - Basics - Props

4:18

8

08.008 - ReactJS بالعربية - Basics - State

5:11

9

09.009 - ReactsJs بالعربية - Basics - events & updating the state

7:14

10

10.010 - ReactJS بالعربية - Basics - onChange event

7:10

11

11.011 - ReactJS بالعربية - Basics - Lists & Loops

3:55

12

12.012 - ReactJS بالعربية - Basics - conditions

3:32

13

13.013 - ReactJS بالعربية - Basics - lifeCycle hooks

5:09

14

14.014 - ReactJS بالعربية - Basics - ملاحظات هامة

3:32

15

15.015 ReactJS بالعربية - Conditions & Loop - conditions before template

3:45

16

16.016 - ReactJs بالعربية - Conditions & Loop - print array of objects

3:38

17

17.017 - ReactJS بالعربية - Conditions & Loop - Better performance with components

7:40

18

18.018 ReactJS بالعربية - Todolist app with react بناء تطبيق

24:11

19

19.019 - ReactJS بالعربية - Forms - Controlled components

3:50

20

20.020 - ReactJS بالعربية - Forms - Textarea

1:48

21

21.021 - ReactJS بالعربية - Forms - Select

2:55

22

22.022 - ReacJS بالعربية - Forms - Checkbox

3:08

23

23.023 - ReactJS بالعربية - Forms - Radio

4:45

24

24.024 - ReactJS بالعربية - Forms - Handling Multiple Inputs

5:55

25

25.025 - ReactJS بالعربية - Forms - Fromik تعرف على أهمية

3:32

26

26.026 - ReactJS بالعربية - Formik - First form

7:19

27

27.027 - ReactJS بالعربية - Formik - Field type

4:47

28

28.028 - ReactJS بالعربية - Fromik - Validation & ErrorMessage Component

8:33

29

29.029 - ReactJS بالعربية - Formik - Nested Objects

3:59

30

30.030 - ReactJS بالعربية - Formik - Array of strings

10:26

31

31.031 - ReactJS بالعربية - Formik - FieldArray + Array of Objects

8:01

32

32.032 - ReactJS بالعربية - Styling - add css files

4:50

33

33.033 - ReactJS بالعربية - Styling - Dynamic class name

5:18

34

34.034 - ReactJS بالعربية - Styling - set styles dynamically

5:40

35

35.035 - ReactJS بالعربية - Styling - using JS to set classes dynamically

6:03

36

36.036 - ReactJS بالعربية - Styling - classnames package

3:44

37

37.037 - ReactJS بالعربية - Http Requests - GET Request to fetch data from api

8:08

38

38.038 - ReactJS بالعربية - Http Ajax Requests - View User

9:25

39

39.039 - ReactJS بالعربية - Http Ajax Requests - حذف مستخدم

10:11

40

40.040 - ReactJS بالعربية - Http Ajax Requests - Create UsersForm Component

10:00

41

41.041 - ReactJS بالعربية - Http Ajax Requests - Edit User

5:12

42

42.042 - ReactJS بالعربية - Http Ajax Requests - Add User

3:29

43

43.043 - ReactJS بالعربية - React Router - Basics

4:43

44

44.044 - ReactJS بالعربية - React Router - URL Parameters

18:03

45

45.045 - ReactJS بالعربية - Routing - Redirect

6:42

46

46.046 - ReactJS بالعربية - React Router - Router Switch + Add User Page

5:23

47

47.047 - ReactJS بالعربية - React Router - NavLink

5:57

48

48.048 - ReactJS بالعربية - React Router - No Match 404

3:27

49

49.049 - ReactJS بالعربية - React Router - Preventing Transitions

4:08

50

50.050 - ReactJS بالعربية - React Router - withRouter HOC

4:00

51

51.051- ReactJS بالعربية - Redux تعريف بـ

5:45

52

52.052 - ReatJS بالعربية - Redux - Counter Example مثال عداد

17:54

53

53.053 - ReactJS بالعربية - Redux - شرح المصطلحات

16:15

54

54.054 - ReactJS بالعربية - Redux - Cart Example

2:00

55

55.055 - ReactJS بالعربية - Redux - Cart Project - Setup React Router

9:32

56

56.056 - ReactJS بالعربية - Redux - Cart Project - Prorducts Page

4:40

57

57.057 - ReactJS بالعربية - Redux - Cart Project - Get Data from API

10:39

58

58.058 - ReactJS بالعربية - Redux - Cart Project - Add product page

12:09

59

59.059 - ReactJS بالعربية - Redux - Cart Project - Handle quantity in Product page

3:57

60

60.060 - ReactJS بالعربية - Redux Cart Project - CartIcon

6:22

61

61.061 - ReactJS بالعربية - Redux Cart Project - Cart Page

6:48

62

62.062 - ReactJS بالعربية - Redux Cart Project - add redux

10:30

63

63.063 - ReactJS بالعربية - Redux Cart Project - print cart content in cart page

5:56

64

64.064 - ReactJS - Redux store project - create actions

8:52

65

65.065 - ReactJS - Redux store project - add to cart reducer

6:16

66

66.066 - ReactJS - Redux store project - redux dev tools

3:38

67

67.067 - ReactJS بالعربية - Store Project - Delete Button

12:17

68

68.068 - ReactJS بالعربية - Store Project - إنشاء طلب الشراء

5:09

69

69.069 - ReactJS بالعربية - Store Project - Redux thunk

7:19

70

70.070 - ReactJS بالعربية - Store Project - Sync to local storage 2

11:49

71

72.071 - ReactJS بالعربية - Store Project - Combine reducers

4:41

72

73.React Context API - الشرح الكامل بالعربية

31:16

73

74.React Hooks + شرح useState بالعربي

14:23

74

75.React Hooks - useEffect شرح بالعربي

17:50

75

76.React Hooks - useContext شرح بالعربي

17:04

76

77.React Hooks & Context - تطبيق عملي - بناء تسجيل دخول لـ Single page application

32:39

77

78.React Hooks - useRef شرح بالعربي

14:45

78

79.React Hooks - useReducer شرح بالعربي

14:00

79

80.React Hooks - useCallback شرح بالعربي

12:33

80

81.React Hooks - useMemo شرح بالعربي

9:11

81

82.React Hooks - Custom Hooks شرح بالعربي

12:48