Designing High Performance React Applications
Learn to design high-performance React applications in this conference talk from JSWORLD Conference 2022. Explore why web performance matters, understand Core Web Vitals, and make informed use case decisions. Dive into topics such as rendering optimization, bundling and splitting, JavaScript budget management, and data mutation avoidance. Discover the benefits of immutability, reconciliation, and virtualization in React. Examine React 18 features like Automatic Batching and Suspense in SSR. Compare client-side and server-side rendering approaches, and learn about advanced rendering patterns. Gain insights on limiting component size, leveraging caching, implementing image lazy loading, and optimizing resource usage. Master the use of React Profilers and understand why performance optimization is an ongoing process that requires continuous measurement and improvement.