Skip to main content
Web & Full-Stack DevelopmentUdemy2020-8 Edition100% Free Video Course

Advanced React 2023 (Performance & Best Practices)

Advanced React 2023 (Performance & Best Practices) Course. In this course, you’ll learn advanced techniques for building robust, scalable web applications using React, Redux, and more. We’ll dive deep into React’s core principles and explore how to optimize performance, manage complex states, and create reusable components that can be easily shared across projects. Throughout the course, you’ll have access to hands-on exercises and real-world projects that will challenge you and reinforce what you’ve learned. You’ll also have access to a supportive community of fellow learners and mentors who are eager to help you succeed. By the end of this course, you’ll have a deep understanding of advanced React and web development concepts, as well as the skills and confidence to build robust, scalable applications that meet the needs of even the most demanding users.

92 Video Lessons
26 Hours On-Demand
Created by Eyas Mattar
Uploaded Sep 2026
English
Beginner to advanced
Advanced React 2023 (Performance & Best Practices)
Preview This Course
Free$129.99100% Free

Instant high-definition streaming with zero paywalls.

Course Features:
26 hours on-demand video
92 complete lectures
1 downloadable project zip file(s)
Streamable on mobile, tablet & desktop
Self-paced curriculum with progress tracking
Direct MP4 downloads & offline video access
Verified course archives hosted on cloud infrastructure.

What You'll Master in this Course

Building high-quality web applications
Use the best practices used by advanced programmers
React Redux Saga Pattern
Bundle Splitting and Lazy Loading
Software Engineering Principles
Webpack and Babel
Working with Themes
Focus on app performance for better UX
Rendering performance
Core React concepts

Course Curriculum92 Lectures

1 sections • 26 hours total length

Prefer offline learning? Download all 92 video lectures and project files for free.
Download Free
Section Goal
Preview
2m
Prerequisites
Preview
2m
Welcome
2m
How To Make The Maximum Of This Course
7m
Introduction
3m
Folder Structure
14m
Generators
14m
Redux Overview Skip if you are familiar REDUX
5m
Cloninng Our Project
1h 5m
Redux Store
5m
Redux Actions
7m
Section Goal Skip if you are familiar with ReduxSaga
2m
How Redux Works
6m
Redux Reducers
11m
Redux Middleware
6m
Saga Effects
20m
High Order Component
22m
Container Component
24m
Preparation DO NOT SKIP
6m
Render Props
35m
Preserving State
20m
Updating State
10m
Component Mount
16m
Using Refs
19m
Component Cleanup
24m
Observing Props Changes
35m
Creating YOUR own Hook Part 2
19m
Creating YOUR own Hook Part 1
23m
Section Goal
2m
Important Note
2m
What is High Quality Application
4m
Component Container Pattern
3m
Authentication Data Flow
6m
Authentication Redux Saga
21m
Network Service
20m
Server Communication
30m
Removing Credentials
19m
Storing Credentials
33m
Conclusion
16m
Section Goal
2m
Modularity in Modern Applications
8m
SOLID Principles
17m
DRY Principle
18m
Reusability in Modern Applications
19m
Section Goal
2m
Consistency in Modern Applications
7m
Setting Up Styling
6m
Adding Theme
14m
Light Dark Mode
30m
Section Goal
4m
Application Architecture
5m
React Router Overview
20m
Power Of Themes
44m
Navigation Routing
20m
Navigation Bar
13m
Securing Routes Public Private
33m
Vacation Details Page
21m
URL Params 1
32m
Reconciliation
2m
URL Params 2
32m
Commit Render
1m
Section Goal
5m
Why Performance
6m
Mount vs Update
47m
Debugging DevTools 2
18m
Debugging DevTools 1
39m
Memoizing Computation
14m
Render Profiling
23m
Selectors
19m
Memoizing Selectors
33m
React Memo
18m
Avoid Reconciliation
25m
Overloading DOM and Virtual DOM
46m
Bad Practice 1 PART 1
35m
Bad Practice 2 PART 1
18m
Bad Practice 1 PART 2
17m
Section Goal
2m
Bad Practice 3
26m
What is Webpack
4m
How is Webpack
3m
Bad Practice 2 PART 2
46m
Exploring the Entry
3m
Exploring the Output
10m
Section Goal
1m
Exploring the Loaders
19m
Lazy Loading
5m
Loading Dynamically
31m
Production Build
21m
Lazy Suspense
22m
Dependency Reference Common Issue
16m
Finally Bundle Splitting
26m
Extending Our Container
33m

Requirements

  • Javascript basic knowledge
  • Reactjs basic knowledge
  • Class Components, state & render basic knowledge
  • Nodejs Installed
  • npm v5.2+ installed
  • Git installed

Description

Advanced React 2023 (Performance & Best Practices) Course. In this course, you’ll learn advanced techniques for building robust, scalable web applications using React, Redux, and more. We’ll dive deep into React’s core principles and explore how to optimize performance, manage complex states, and create reusable components that can be easily shared across projects. Throughout the course, you’ll have access to hands-on exercises and real-world projects that will challenge you and reinforce what you’ve learned. You’ll also have access to a supportive community of fellow learners and mentors who are eager to help you succeed. By the end of this course, you’ll have a deep understanding of advanced React and web development concepts, as well as the skills and confidence to build robust, scalable applications that meet the needs of even the most demanding users.

Instructor

E

Eyas Mattar

Specialist in Web & Full-Stack Development

Passionate educator focused on real-world practical skills, modern frameworks, and production-ready engineering practices. Delivering step-by-step masterclasses accessible to learners globally on MJ Accedemy.

Recommended Curriculum

Students Also Viewed