React Optimization Cookbook

• Manage the number of network requests sent from your application.
• Paginate and lazy load lists of data.
• Optimize rerenders in your React application.
• Code split your application for faster load times.

This course focuses on optimizing React applications to provide users with a smooth experience. Tyler Clark guides you through practical examples to reduce code size, improve performance, and enhance user experience. You'll learn essential techniques to streamline your React apps and avoid common pitfalls.

• Ideal for developers with a basic understanding of React who want to enhance their optimization skills.
• Suitable for those looking to improve app performance and user experience.

• Familiarity with React fundamentals.
• Basic knowledge of JavaScript ES6 syntax.
• Understanding of component-based architecture.

• Learn to debounce callbacks on DOM events in React apps.
• Utilize the React production build for optimized performance.
• Virtualize long lists of data in React.
• Tree shake your React application modules.
• View package sizes with Webpack Analyzer.
• Containerize state within child React components.
• Profile React components with the Devtools Profiler.
• Optimize function components with React.memo.
• Memoize values with React useMemo.
• Memoize a function with useCallback in React.
• Add the why-did-you-render package to catch unnecessary updates in React.
• Code split components with React Lazy & Loadable Components.