Frontend Masters – React Performance 2023-1

Optimize React applications for maximum performance. Learn to structure components and memoize to avoid re-renders, load code on-demand, and leverage new concurrent features in React 18. And you’ll use the React Profiler to diagnose and solve performance issues. This course will take your React skills to new heights to help you build faster apps! Steve provides some quick wins to check before looking into performance, including checking that the app is running in production mode, components include keys, and utilizing the React developer tools. A demonstration of what functionality the React dev tools adds to browsers is also covered in this segment. Steve discusses the three phases of React’s rendering cycle: render, commit, and clean up. Student questions regarding where animations happen and how that affects rendering, what happens if multiple state changes are triggered, and how rendering is handled with shouldComponentUpdate are also covered in this segment.

What you’ll learn

• React Rendering Cycle
• Reducing Rerenders
• Using Multiple Contexts
• Separating Context & State Exercise
• Normalizing State
• Fallback Content with Suspense

Who this course is for

• React developers
• React developers care about performance
• intermediate React developers

Specificatoin of React Performance

• Publisher : Frontend Masters
• Teacher : Steve Kinney
• Language : English
• Level : Intermediate
• Number of Course : 25
• Duration : 4 hours and 31 minutes

Content of React Performance

# Introduction
# React Rendering
# Reducing Renders
# Context
# Suspense & Transitions
# Wrapping Up

Requirements

• Some kowldege about React and preformance

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle : English

Quality: 1440p

Download Links

Download Part 1 – 1 GB

Download Part 2 – 996 MB

File size

1.97 GB