Mastering React With Interview Questions,eStore Project - Udemy Courses
- Descripción
- Currículum
- Reseñas
In this comprehensive course, we will go through the prior and newer versions of ReactJS with the primary focus on understanding the latest version(17).
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.
Formación en Desarrollo Frontend: Universidad Web en Udemy
Curso Completo de Desarrollo Web: HTML, CSS, JavaScript, jQuery, Python y Django
Cómo Ser un Freelancer Exitoso en 2024: Trabajando desde Casa en Internet
React 18 Tutorial and Projects Course (2023)
Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL)
Modern React with Redux-
1
Introduction -
2
React Is Declarative
-
3
Component Based Architecture
Understanding how a component is created in React and used as custom HTML tag. Also learn about the concept of "props".
-
4
Creating & Understanding React Project Architecture
Creating & understanding React 17 project architecture.
-
5
npm vs. npx
-
6
React 18 - Goodbye ReactDOM.render()
-
7
React 18 - Migrating from v17 to v18
-
8
"props" Destructuring
-
9
Concept of State & useState() Hook
-
10
Lazy Initial State
-
11
Basic Event Handling & Parameter Passing
-
12
Applying External & Inline Styling
-
13
JSX - In-depth
-
14
New JSX Transform
-
15
Primitive Types & Object Literal with useState()
-
16
Class Component Basics
-
17
Class Component "state" update with setState()
-
18
Component Lifecycle Methods Basics
-
19
useEffect() - Creating A Digital Clock Using useEffect()
-
20
useEffect() Multiple States & Skipping Effects For Optimization
-
21
Conditional Rendering - Cleaning Up An Effect
-
22
"ref" - The Older way
-
23
React.createRef() method
-
24
useRef() hook
-
25
React.memo() & useCallback() hook
-
39
Event Handling - In-depth Introduction
-
40
Quick Essential Recap - Events
-
41
SyntheticEvent
-
42
Input Event - Textbox
-
43
preventDefault - Preventing default behavior
-
44
<form> with Multiple States
-
45
<form> - States as Object
-
46
Single Event Handler Using Dynamic Key
-
47
Functional Update - The Correct Way
-
48
Checkbox or Radio - Input fields
-
55
MPA vs. SPA
-
56
Defining Routes
-
57
Menu Formatting
-
58
URL Vs. Routes & Default Page Setup
-
59
Dynamic Routes - useParams() hook
-
60
Nested Routes - <Outlet/>
-
61
Not Found Page (404)
-
62
index Attribute - Referring The Parent Route
-
63
Dynamic Products Data - useState() & route Configuration
-
64
context & useOutletContext() hook - Passing Data To Child Component
-
65
"state" & useLocation() hook - The Correct Way Of Data Sharing
-
66
Improvizing The Interface
-
67
useRoutes() hook - Javascript instead of JSX
-
68
NavLink - For Better Styling
-
69
<Navigate> To Redirect
-
70
useNavigate() hook
-
71
Multi-page Application(MPA)/Single-page Application(SPA) Basics
-
72
Defining Routes
-
73
Route Matchers - <Switch> & exact
-
74
Route Parameters & Dynamic Routes with useParams hook
-
75
Nested Route, match object & useRouteMatch() hook
-
76
Redirect
-
77
NoMatch(404)
-
78
<NavLink> Vs. <Link>
-
79
useHistory() hook
-
80
Preventing Navigation - <Prompt>
-
81
Query Parameters
