React js Basic To Advance (Learn by Doing)

Focused View

Ehizeex Okwuose

18:22:12

108 View

1 - Introduction

1 - React Foundamentals.mp4

02:59

2 - Introduction to react js.mp4

06:08

3 - Introduction to Components.mp4

04:06

4 - Tool installations.mp4

05:13

5 - React installation.mp4

04:56

6 - React boiler plate.mp4

03:08

7 - How React js works.mp4

09:51

8 - Introduction to jsx.mp4

09:45

9 - comment in jsx.mp4

02:19

10 - Types of component.mp4

03:21

11 - Creating our first functional component.mp4

04:40

12 - Types of export.mp4

03:49

13 - Props.mp4

09:18

14 - Propschildren.mp4

04:47

15 - Props Immutability.mp4

01:11

16 - Props destructuring.mp4

02:58

17 - function as props.mp4

04:40

18 - React State useState.mp4

06:06

19 - Event handling.mp4

05:26

20 - Conditional Rendering.mp4

05:24

21 - Map Method List Rendering.mp4

18:17

22 - Unique Key Props Mapping.mp4

04:30

23 - Regular css.mp4

10:04

24 - Css Module.mp4

06:21

25 - Form input Controlled Component.mp4

11:52

26 - React Fragment.mp4

11:52

2 - Hooks React js Advance Topics

27 - useState Hooks.mp4

07:33

28 - update state based on the previous state value.mp4

09:42

29 - Object as state variable.mp4

06:56

30 - Array As state variable.mp4

09:06

31 - Organize the code.mp4

02:12

32 - useEffect Intro.mp4

04:46

33 - Component did mount and update.mp4

06:53

34 - Conditionally run Effect.mp4

07:26

35 - effect clean up function.mp4

07:18

36 - Component will unmount.mp4

07:18

37 - Fetch multiple posts.mp4

09:30

38 - Button click id.mp4

04:12

39 - Implement context.mp4

10:40

40 - useContext for multiple context.mp4

04:10

41 - useReducer Hooks.mp4

11:51

42 - useReducer State and action object.mp4

12:13

43 - Multiple useReducer.mp4

04:13

44 - useState and useReducer.mp4

13:05

45 - useState Data Fetch.mp4

11:30

46 - useReducer DataFetch.mp4

10:17

47 - useCallback Hook.mp4

17:58

48 - useMemo Hook.mp4

13:45

49 - useRef Hooks.mp4

04:56

50 - useRef Hooks Timer.mp4

07:07

3 - YumEat Project

51 - 51 Building Yum Eat Website react installation.mp4

02:57

52 - Clean up boiler plate.mp4

02:33

53 - Create components.mp4

04:00

54 - Tailwind Installation.mp4

05:27

55 - TopNav Component.mp4

21:18

56 - SideNav.mp4

21:18

57 - SideNav Menu design.mp4

11:55

58 - SideNav Final Touch.mp4

02:31

59 - Featured component.mp4

20:05

60 - Quick delivery component.mp4

08:46

61 - Top Pick component.mp4

25:04

62 - Meal Component.mp4

19:33

63 - Sort Buttons.mp4

10:41

64 - Trending Categories.mp4

08:13

65 - Meal Component Key.mp4

02:38

66 - Trending Category count down.mp4

08:42

67 - Footer Component.mp4

08:25

68 - Testing and Fixing.mp4

08:25

4 - Building Netflix Clone

69 - Netflix Clone Create React App.mp4

22:53

70 - Components and pages.mp4

03:26

71 - Setting Up the routes.mp4

05:44

72 - BackgroundImage reUseAble Component.mp4

07:33

73 - Header reUseAble component.mp4

07:58

74 - SignUp Page.mp4

22:53

75 - Login.mp4

14:39

76 - Login Fix.mp4

02:06

77 - SettingUp Firebase.mp4

06:02

78 - CreateUsers.mp4

11:53

79 - Login Authentication.mp4

11:58

80 - OnScrollEvent.mp4

05:36

81 - TopNav Component.mp4

09:30

82 - Global css.mp4

01:15

83 - TopNav Component.mp4

09:30

84 - LogOut.mp4

03:10

85 - Hero Component.mp4

13:32

86 - Consistent Margin.mp4

01:32

87 - VideoPlayer Component.mp4

07:05

88 - MovieCard.mp4

13:07

89 - Card css.mp4

12:20

90 - Api Key.mp4

07:10

91 - Redux toolkit.mp4

06:54

92 - Fetch Genres.mp4

07:44

93 - Fetches Movies.mp4

18:33

94 - Global State.mp4

02:42

95 - Stop infinite Loop.mp4

01:12

96 - Styling Movie Component.mp4

07:25

97 - Render Movie on The Screen.mp4

13:13

98 - Performance Optimization.mp4

03:39

99 - Slider Control.mp4

09:59

100 - Implementing the Slider.mp4

06:13

5 - Dashboard Project Building Dashboard website

101 - React js Installation.mp4

02:34

102 - Cleaning Up The Boiler Plate.mp4

03:22

103 - Understanding The Flow.mp4

07:26

104 - TopNav Component.mp4

09:07

105 - TopNav Css.mp4

11:10

106 - SideNav Component.mp4

14:21

107 - Side Nav Css.mp4

06:42

108 - Featured Item Component.mp4

11:23

109 - Featured Item Css.mp4

08:30

110 - Chart Component.mp4

12:25

111 - Chart Css.mp4

02:31

112 - Style Configuration.mp4

01:11

113 - Display Total Component.mp4

12:06

114 - Styling Display Total.mp4

08:35

115 - Order Widget Component.mp4

13:04

116 - Styling Order Widget.mp4

08:43

117 - Member Widget Component.mp4

08:15

118 - implementing the Routes.mp4

08:55

119 - Styling The Member Widget.mp4

08:50

120 - User List Table.mp4

11:05

121 - Refactoring.mp4

02:09

122 - Adding Custom Data.mp4

08:47

123 - Delete Button.mp4

06:25

124 - User Profile.mp4

16:51

125 - Profile Css.mp4

16:34

126 - Create User Route.mp4

03:45

127 - Create User Component.mp4

09:47

128 - Create User Css.mp4

09:47

129 - ProductLIst Component.mp4

02:55

130 - Product List Design.mp4

11:27

131 - Product List Css.mp4

04:55

Description

React js course with best explanations

What You'll Learn?

You will know everything about reat js
You will learn how to build and optimize web applications
You will be able to build complex web applications
Deployment to server

Who is this for?

This course is for beginners of all level, who want to learn react basics and advance topics.

More details

Description
About This Class
Welcome to React for Beginners, a course designed to teach React.js to web developers, even if they have never written any React.js code before.
No one will be left behind in this session as we begin from the very beginning!
Because React combines HTML and JavaScript, it may seem awkward to write at first, but I'll show you how to remember when to write JavaScript and when to write HTML (or what's known as JSX).
React syntax, importing from other files, components, dividing components into new files and importing them, extending components, component properties and state, click events, and how to incorporate an API request when a button is hit will all be covered in this lesson.
If that seemed complex and intimidating, don't worry; I'll show you all you need to know about React.js so you can start using it right now.
Why learn React.js:
You can create crazily dynamic and responsive webpages and applications with the JavaScript framework React. Your JavaScript might want to do some kind of action when a user types or clicks on something. That is simpler to write and maintain thanks to react. Additionally, it may be extended, allowing you to create a small amount of code once and reuse it across the board to avoid having to write code all day.
In addition, React is a skill that is in high demand. React is used by many startups, large corporations, and development firms. It allows them to build incredible user interfaces like the Netflix movie collection.
Vanilla JavaScript can be used to construct anything that can be built in React, however React makes it simple to maintain and easy to
Who uses React.js:
Nowadays, almost everyone uses React. Whether it's a full website like Netflix or just a small section of one with intricate logic. Nowadays, React is written by pretty much everyone and their pets. And for that reason, learning is crucial.
About the teacher:
I'm your teacher, Edubaba Ehizeex. Since 2015, I've been instructing others how to code. Tens of thousands of students on Skillshare alone are among the hundreds of thousands of pupils I have instructed and coached.
As a web programming instructor, I was able to secure a prominent position in the development community.
I'll be teaching you React.js today. It's okay if you've never written a react; I'll guide you over the learning curve. If you've never developed React, you MUST first become familiar with JavaScript. So if you are unfamiliar with JavaScript, please wait before beginning this course.
Throughout this course, we're going to create a fully functional
Netflix Website (clone)
Professional Dashboard
Recipe website
Quiz App
Professional Portfolio website to showcase your jobs.
Finally, We are gonna deploy all the project on server so that you can share the links with your employers and your sponsors.
Who this course is for:
This course is for beginners of all level, who want to learn react basics and advance topics.

User Reviews

Rating

average 0

Total votes0

Focused display

Experienced Senior Software Engineer with a demonstrated history of working in the information technology and services industry. Skilled in React Native, RDBMS, Java, Android Development, and JavaScript. Strong engineering professional with a Bachelor's degree focused in Information Technology from Legon University.I am the CEO Ehizeex Tech and I have trained many aspirant computer science students and software professionals one-on-one in various software practices all over the world. I am currently creating online courses for different online learning platforms and working However, It is my pleasure to teach people skills that help them in their careers, allow them to acquire new skills and get a good job.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.