React Performance Playbook

سرفصل های دوره

Slow React app with unhappy users? This course will teach you how to quickly audit, diagnose, and solve common performance issues in React applications so you can design them more efficiently and ultimately deliver an optimized real-user experience.

1. Course Overview

1. Course Overview

2. Introduction to React Performance Optimization

1. Why Performance Optimization Matters

2. Avoiding the Pitfalls of Performance

3. Get to Know Common React Bottlenecks

4. Summary

3. Conducting Performance Audits

1. What Is a Performance Audit

2. Performance Audit Step-by-Step

3. Understanding and Auditing Web Vitals

4. Measuring App Rendering Performance

5. Measuring App Execution Performance

6. Measuring App Memory Performance

7. Measuring Render Time with Profiler

8. Monitoring Performance Over Time

9. Summary

4. Preventing Unnecessary Re-renders

1. What Are Wasted Renders

2. Diagnosing Why Components Update

3. Simplifying Passing of Props

4. React Memoization in 3 Minutes

5. Creating Stable Functions with useCallback

6. Avoiding Expensive Calculations with useMemo

7. Controlling Component Re-rendering with React.memo

8. Summary

05. Optimizing and Refactoring Components

01. Lean Component Design Principles

02. The Hidden Cost of DOM Reconciliation

03. Optimizing the Family Tree Using Slots

04. Choosing an Efficient Styling Approach

05. Reducing Hook Re-rendering Using Shared State

06. Isolating Updates Using Render Props

07. Controlling Internal State with useReducer

08. Simplify Complex UI with State Management

09. Optimizing Derived State with Selectors and Slicing

10. Reducing DOM Updates with useRef and Uncontrolled Components

11. Prioritizing Urgent State Updates with Suspense

12. Summary

06. Optimizing Assets and Loading Time

01. Lean Application Delivery Principles

02. Assessing Your Apps Initial Load

03. Optimizing Your React Toolchain

04. Enabling Source Maps in Production, Or Not

05. Optimizing Transpilation with Browserslist

06. Diagnosing Unused Code with the Coverage Tool

07. Diagnosing Bundle Size with Bundle Analysis

08. Optimizing Bundles with Code Splitting and Lazy Loading

09. Optimizing Navigations with Speculative Loading and Priority Hints

10. Summary and Takeaways

189,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight