Demystifying React and JavaScript Web Performance: Patterns, Myths, and Best Practices Intorduction: Web performance optimization in React and JavaScript can feel like a black box—full of conflicting advice, confusing metrics, and "magic tricks" that don't always deliver real results. Should you memoize everything with useMemo? Is React Server Components the ultimate fix? Does code splitting actually make a difference? In this talk, we’ll debunk common performance myths and break down what truly works. We’ll dive into key patterns, profiling tools, and advanced techniques to reduce load times, improve FPS, and optimize UX—without overcomplicating your code. What You’ll Learn: 🔹 When and how to prevent unnecessary renders using tools like React Profiler and strategic memoization. 🔹 Lazy loading and Code Splitting: when they help, when they hurt, and how to use them wisely. 🔹 State management optimizations: React Context vs. Redux, selector performance, and avoiding hidden re-renders. 🔹 Myths vs. Reality in hydration, SSR, and React Suspense—what actually improves performance and what’s just hype. With real-world benchmarks, live coding, and a practical approach, this session will help you make data-driven performance decisions—no magic required. 🚀 Less magic, more speed.
Session 🗣 Intermediate ⭐⭐ Track: FrontEnd (TypeScript, JavaScript, AngularJS, ReactJS, ....)
frontend
react
performance
live coding