Course image for Advanced React Concepts

Advanced React Concepts

Learn About Advanced React Patterns Performance, Ecosystem and Testing

1 hours+ of total content
2.5
1 rating
109 developers learning
Course Creator: Mehul Mohan

Hang on...

Heads up!

This is an official course from Frontend Web Developer learning path.

Goals

  • React Patterns
  • Performance improvements
  • Popular ecosystem libraries
  • Testing React apps

Description

This is the course from React Mastery learning path in which we will discuss a lot of under the hood stuff in React.

Starting with Advanced React Patterns, we will discuss what React is and how the functional components work under the hood, alongside discussing a few advanced patterns and ways to work with React components.

Then we will cover a few tips on improving React performance by memoization and properly measuring how your renders happen. We will also cover the popular React ecosystem - react-query, Material UI, Tailwind CSS, and Redux with the information on what you should use and when.

Finally, we will cover how you should test your React apps for maximum confidence in production and shipping. Ready to start your journey?

Course Structure

14 lectures 01:40:15 total duration

Advanced React Patterns

(9 lectures • 56 minutes)
  Introduction (Watch video)
00:54
  Destructing Props 
06:32
  Simple state machine 
07:19
  State machine example with HTTP request 
07:40
  Compound components 
03:38
  Compound components with shared state 
10:04
  Allowing/Disallowing custom components 
07:07
  Using compound components individually 
06:12
  Flexible compound components 
07:12
  Lazy loading components 
10:38
  Adding Suspense 
07:43
  Eager loading components 
07:07
  Memoize Functional Components 
08:14
  Comparator for functional components 
09:55

Course Reviews

Jul 23, 2021
nice nice nice nicd nice nice nice nice

Your Course Instructor

Course Instructor Image

Mehul Mohan

Full-stack developer and security researcher

I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)
codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a pro plan for advanced and accelerated learning!

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice
Try codedamn Pro (7 day free refund)