All You Need to Know React with Practical Project

Focused View

Jahid Hiron

11:02:20

15 View

1. Introduction

1. Course Overview.mp4

01:53

2. What is React.mp4

02:43

3. What is Virtual DOM.mp4

02:38

4. Install Nodejs on Windows OS.mp4

01:18

5. Install Nodejs on Mac OS.mp4

01:37

6. Install Nodejs on Linux OS.mp4

02:16

7. Setup a React Project.mp4

04:38

2. JSX Element and Rendering JSX Element

1. What is JSX Element.mp4

06:01

2. JSX More Detail.mp4

06:03

3. Rendering JSX Element.mp4

03:30

3. Component and Props

1. What is Component.mp4

03:08

2. What is Props.mp4

02:31

3. Export and Import Component.mp4

02:06

4. Root Component.mp4

03:45

5. Children Property.mp4

01:41

6. Class Based Component.mp4

04:03

4. State and Life Cycle Method

1. What is State.mp4

02:57

2. More About State.mp4

02:06

3. Component Did Mount.mp4

02:12

4. Update State.mp4

04:02

5. Component will Unmount.mp4

00:53

6. State in Functional Component.mp4

03:45

7. Event Handler.mp4

04:07

8. Passing Parameter to Event Handler.mp4

01:54

5. Conditional Rendering List and Key

1. What is Conditional Rendering.mp4

05:41

2. Conditional Rendering More Detail.mp4

05:11

3. List.mp4

03:23

4. List Key Props.mp4

00:51

5. Counter App.mp4

06:15

6. React Form

1. Controlled Form vs Uncontrolled Form.mp4

03:13

2. Input Element.mp4

02:57

3. Textarea Input Element.mp4

02:20

4. Select Element.mp4

02:40

5. Checkbox Input Element.mp4

02:09

6. Radio Input Element.mp4

02:00

7. Submit Input.mp4

03:22

8. Registration Form.mp4

14:05

7. Higher Order Component

1. What is Higher Order Component.mp4

05:57

2. How to Create Higher Order Component.mp4

02:37

3. How to Use Higher Order Component.mp4

03:49

8. Render Props Pattern

1. What is Render Props.mp4

04:01

2. Render Props Example.mp4

08:07

3. Render Props Variation.mp4

01:31

9. Context API

1. Props Drilling.mp4

06:08

2. What is Context API.mp4

01:26

3. Create Custom Context.mp4

02:58

4. How to Use Context.mp4

06:33

5. Built in Context.mp4

01:51

6. useContext Hook.mp4

02:10

10. React Hook

1. React Hook Introduction.mp4

01:18

2. What is useEffect Hook.mp4

08:26

3. Timer Example.mp4

04:41

4. Cleanup Function.mp4

04:35

5. Fetch Data from API Request.mp4

06:54

6. React Memo and useCallback Hook.mp4

09:45

7. useMemo Hook.mp4

03:38

8. useRef Hook.mp4

05:19

9. useReducer Hook.mp4

05:09

10. Complex Counter.mp4

04:22

11. Fetch Post List Example.mp4

05:35

12. Fetch Post List by useReducer Hook.mp4

07:16

13. Custom Hook.mp4

05:25

11. React CSS

1. React Stylesheet.mp4

04:45

2. CSS Style in Html.mp4

01:21

3. Inline CSS.mp4

02:47

4. CSS Module.mp4

03:25

5. Dynamic CSS.mp4

02:26

12. React Router

1. What is React Router.mp4

01:24

2. Route Configuring.mp4

06:35

3. Nav Link.mp4

05:04

4. Active Link.mp4

02:20

5. Navigate Programmatically.mp4

05:40

6. Not Found Route.mp4

02:26

7. Dynamic Route.mp4

08:07

8. Url Params.mp4

02:23

9. Search Params.mp4

05:24

10. Nested Route.mp4

08:05

11. Relative Link.mp4

01:57

12.1 myapp.zip

12. Source Code.mp4

00:13

13. React Blog Project

1. Project Requirement Analysis.mp4

08:43

2. Initiating Nodejs Project.mp4

02:09

3. MongoDB Install on Windows OS.mp4

04:42

4. MongoDB Install on Mac OS.mp4

03:19

5. MongoDB Install on Linux OS.mp4

04:32

6. Add MongoDB Database Reference to Nodejs Project.mp4

00:51

7. Setup Email Credentials.mp4

01:43

8. Aws S3 Bucket Setup.mp4

05:51

9. Install Postman Software.mp4

01:47

10. Start Server.mp4

03:52

11. Initiating React App.mp4

03:33

12. Project Layout and Routing.mp4

15:35

13.1 React Blog Project Html Template Source Code.zip

13. Signup Form.mp4

08:00

14. Signup Form Validation.mp4

10:41

15. Signup API Integration.mp4

05:36

16. Signup Functionality Testing.mp4

01:18

17. Base Url.mp4

03:42

18. Toast Message.mp4

08:30

19. Signin API Integration.mp4

10:45

20. Store Information to Local Storage.mp4

04:52

21. Auth Context.mp4

10:09

22. Logout Functionality.mp4

02:51

23. Category Module All Pages.mp4

10:02

24. Add Category.mp4

08:48

25. Add Token to Request Headers.mp4

06:18

26. Category List.mp4

11:20

27. Category List Pagination.mp4

16:39

28. Search Category.mp4

05:58

29. Update Category.mp4

11:09

30. Delete Confirmation Modal.mp4

07:54

31. Delete Category.mp4

05:34

32. Post Module All Pages.mp4

12:37

33. Add New Post.mp4

13:35

34. Upload File.mp4

11:40

35. Post List.mp4

07:33

36. Post Detail.mp4

12:42

37. Post Update.mp4

15:20

38. Post Delete.mp4

04:25

39. Home Page.mp4

02:26

40. Update Profile.mp4

11:52

41. Change Password.mp4

10:23

42. Verify User.mp4

14:57

43. Multi User Role.mp4

05:39

44. Recover Password.mp4

18:41

45.1 Github Repository Link.txt

45. Wrapup.mp4

01:58

14. What Next

1. What Next.mp4

02:02

Description

Learn React by building real-world applications with React, React hooks & integrating RESTful APIs

What You'll Learn?

Master the entire modern frontend stack: React, APIs integration, React hooks
Learn about the React core functionality
Learn React beautiful mechanism such as Context API, Props drilling, Render props
Realize the power of building reusable components
Create real life project
Becoming proficient in integrating RESTful APIs with React
Authentication including password reset and authorization by protected route
Avoid useless coding - Learn what's important

Who is this for?

Take this course if you're a backend developer looking to go into frontend development using the most complete course on the market

Everyone who's interested in building modern, scalable and high-performing web applications

Programmers who want to learn the most in demand skills of a frontend developer

Any frontend developer who wants to learn React

What You Need to Know?

Basic of Javascript

General knowledge of how the web works is recommended but not a must-have

Absolutely no understanding of React or frontend development is required, I take you from beginner to intermediate developer

More details

Description
Do you want to build fast and powerful frontend applications with JavaScript? Would you like to become a more complete and in-demand developer?
Then Reactjs is the hottest technology for you to learn right now, and you came to the right place to do it!
This is a project based course where we build an extensive, in-depth frontend application. We will start from scratch and end up with a professional project. We will dive deep into React, React hooks, APIs integration. Here is some of what you will learn in this course and project:

Reactjs core functionality
How React works
Virtual DOM
Rendering JSX element
Component, State & Props
React Form
Controlled form vs Uncontrolled form
Rendering list & key
Props drilling
Context API
Render Props
React hooks
Custom hooks
Handling CSS with React
React routing
Authentication and Protected route
List searching and Pagination
Recover password by email
Verify user email
HTTP Essentials
Postman Client
Integrating RESTful APIs
Web development is evolving, in the past, server-side rendering handled all views and templates, but with the emergence of frontend frameworks like React, Angular, and Vue, projects are now divided into backend and frontend components. The backend manages database interactions and serves JSON, while the frontend fetches data and creates the user interface. This course focuses on the entire frontend aspect, enabling you to construct robust application and giving you the freedom to choose your backend technologies.
Our curriculum goes beyond typical React tutorials, as we cover advanced topics like authentication, roles, permissions, password reset mechanisms, verify user email, and many more. By the end of this course, you'll have a deep understanding of what it takes to be a proficient frontend engineer.
Who this course is for:
Take this course if you're a backend developer looking to go into frontend development using the most complete course on the market
Everyone who's interested in building modern, scalable and high-performing web applications
Programmers who want to learn the most in demand skills of a frontend developer
Any frontend developer who wants to learn React

User Reviews

Rating

average 0

Total votes0

Focused display

React

Jahid Hiron

Instructor's Courses

Jahid Hiron is a Software Engineer with a passion for teaching. He has been building complex backends and frontends for top corporations. Jahid possesses a natural talent for breaking down intricate subjects into easily understandable concepts. He has been guiding aspiring software developers in the early stages of their careers for many years. He teaches on Udemy to share the knowledge he has gained with other software engineers. Enhance your skills and invest in your personal growth by enrolling in Jahid's thoughtfully crafted courses on Udemy.

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.