Course image for Ultimate React.js Design Patterns
Free preview before enrolling

Ultimate React.js Design Patterns

Level up your react skills with design patterns

4 hours+ of total content
4.5
(34 Reviews)
371 enrolled
Course Creator: Piyush GargLast updated 16 days ago

Heads up!

This is an official course from Full Stack Web Developer Learning Path learning path.

Try out the learning path

Goals

  • Master Concepts in React
  • Ultimate Design Patterns - Singleton, Proxy, Factory, Observer etc.
  • High Order Components
  • React Hooks
  • React Context API
  • Master State Management
  • Redux
  • React Redux Toolkit
  • RTK Query (Basics)
  • React Query and Client Caching (Basics)
  • Basics of Zustand
  • Client Side vs Server Side vs Static Rendering
  • React Server Components
  • Static vs Dynamic vs Lazy Imports

Description

Welcome to Ultimate React Design Patterns.

This course makes you stand out from other react developers in market. This course focuses on write clean, maintainable and scaleable code in react. By the end of this course you would see a change in your development pattern and would surely help you write better code than before.

Why do I need to learn these concepts? There is a famous saying that "Any developer can a write a code that computers can uderstand, but only a great developer can write code that is understood by other developers as well".

Note: Its highy recommeded to have basic knowlege in React before you start with course.

Course Structure

42 lectures • 04:18:25 total duration

  Singleton (Watch video)
09:09
  Singleton Design Pattern Lab (Practice concept)
05:00
  Proxy (Watch video)
08:38
  Proxy Design Pattern Lab 
05:00
  Factory 
07:07
  Factory Design Pattern Lab 
05:00
  Observer 
12:55
  Observer Design Pattern Lab 
05:00
  Mixins 
07:23
  Mixin Design Pattern Lab 
05:00
  Module 
06:42
  Module Design Pattern Lab 
05:00
  Command 
07:58
  Command Design Pattern Lab 
05:00

Student feedback

4.5
Course Rating

71%

15%

9%

0%

6%

Reviews

profile pic for Gaurav Bisht
Gaurav Bisht(@gauravbisht)
Mar 10, 2023
This course is like gives you a surface-level understanding of what is there in react js
profile pic for Tim Carr
Tim Carr(@randomhero86)
Feb 15, 2023
You should assign a task and check it with the labs or it makes it difficult to make sure that I understand it after watching the video.
profile pic for Arvind Baloda
Arvind Baloda(@arvindbaloda)
Feb 13, 2023
Every concept is new to me
profile pic for Dhruv Sahu
Dhruv Sahu(@dhruvsahu797)
Feb 07, 2023
Really Helpful to give you an extra edge in the market!
profile pic for Shahim Akram
Shahim Akram(@shahimlynda93)
Jan 07, 2023
Good content

Your Course Instructor

Course Instructor Image

Piyush Garg

Full-stack Developer

Hi, I am Piyush and I love to explore new technologies and frameworks. I work as a freelancer in various domains such as the Backend engineer, AWS Cloud solution architect, etc. Fun fact about me: I am obsessed with clean codes that follow proper design principles and patterns.

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback

Pro

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback
Try Pro (7-day risk-free)