Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Mastering React With Interview Questions,eStore Project
Highest Rated
Rating: 4.8 out of 5(961 ratings)
8,231 students

Mastering React With Interview Questions,eStore Project

Fundamentals, Router, Context API, Hooks, Redux, Redux-Toolkit, HTTP & REST API calls, React with TypeScript etc.
Created byNirmal Joshi
Last updated 1/2025
English

What you'll learn

  • Basic to advanced level practical concepts in React development
  • Learn and understand what is React and how it works
  • Learn to use React Hooks for building functional components
  • Prepare for real- world interview questions on one of the most in-demand web development technologies

Course content

16 sections209 lectures16h 49m total length
  • Introduction1:54
  • React Is Declarative3:49
  • Component Based Architecture18:25

    Understanding how a component is created in React and used as custom HTML tag. Also learn about the concept of "props".

  • Creating & Understanding React Project Architecture11:06

    Creating & understanding React 17 project architecture.

  • npm vs. npx3:33
  • React 18 - Goodbye ReactDOM.render()2:27
  • React 18 - Migrating from v17 to v182:29
  • "props" Destructuring9:18
  • Concept of State & useState() Hook11:26
  • Lazy Initial State6:30
  • Basic Event Handling & Parameter Passing8:37
  • Applying External & Inline Styling6:45
  • JSX - In-depth10:13
  • New JSX Transform4:46
  • Primitive Types & Object Literal with useState()11:58
  • Class Component Basics7:40
  • Class Component "state" update with setState()7:15
  • Component Lifecycle Methods Basics9:50
  • useEffect() - Creating A Digital Clock Using useEffect()8:29
  • useEffect() Multiple States & Skipping Effects For Optimization5:17
  • Conditional Rendering - Cleaning Up An Effect9:56
  • "ref" - The Older way5:17
  • React.createRef() method2:49
  • useRef() hook3:34
  • React.memo() & useCallback() hook17:45

Requirements

  • Basic knowledge of HTML, CSS & JavaScript

Description

In this comprehensive course, we will go through the prior and newer versions of ReactJS with the primary focus on understanding the latest version(18).

The entire course is prepared in a methodical way so that candidates learn & master ReactJS fundamentals through smaller applications, get prepared for interviews & advanced concepts in the simplest of ways.

“React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces or UI components.”

Candidates trained by me are now working with fortune 500 companies in the US. This project-based course will make your journey easier in becoming a hands-on React.js developer.

The end of the course has a concise Amazon-like eStore project using MySQL,Express.js,ReactJS,Node.js, which is built with all the latest React techniques like Redux, React Hooks, React Router(SPA), Class & functional components, Axios, Node.js, Express.js, GitHub, payment gateway and more...

As mentioned, the course is completely hands-on from the 1st lecture - making sure you make the most out of each lecture as you progress ahead.

On completion of this course, you’ll be able to handle real-world applications like any other ReactJS developer.

What's in the course?

If you have seen my other courses, you’ll know that we always have sections packed with beginner to advanced level content, so once again it is advised to check the full course curriculum first to get a clear idea of all the topics and then start step by step.

Here's a quick summary of what you'll find in the course:

  • React fundamentals(version 17)

  • React Hooks

  • Standard React practices

  • Code optimization

  • List & Keys

  • Forms

  • React-Router (SPA - Single-page application)

  • Context API

  • Redux

  • Asynchronous Redux

  • Redux Toolkit (RTK) - Modern Redux

  • React with TypeScript

  • Comprehensive React eStore project

  • Testing

In the eStore project, you’ll learn the following:

  • Configuring large projects

  • Axios

  • GitHub for source & version control

  • MySQL installation & working knowledge

  • Configuring RESTful API with Node.js & Express.js

  • Creating shopping cart

  • Configuring payment gateway

I recommend that you have a basic knowledge of HTML, CSS & JavaScript before starting this course.

Take action today and enroll in this comprehensive course.

Who this course is for:

  • New/junior/expert developers who want to learn React from scratch.
  • Developers who want to crack React interviews.
  • Expert developers who want to upgrade their existing React skills.