Subtle React Performance Traps You Might Be Falling Into (And How To Fix Them)

Performance matters when it comes to building high quality web applications in React. Seemingly minor decisions around the use of context or how state is handled can accumulate inefficiencies over time and lead to excessive resource usage. These issues often go unnoticed during development but can degrade the user experience in production. In this workshop we’ll use a demo application (a real-time charting tool) to diagnose and fix subtle performance pitfalls together, giving you practical tools to write more performant React code.

Key Takeaways:

• Learn how to measure frontend performance using the React DevTools profiler and other tools so that you can make informed decisions about your app’s performance.
• Small inefficiencies can become large as your app scales - so take care when building and designing new components and state.
• When you have frequently changing values, consider using alternatives to Context (e.g. state management tools like Zustand, or using context selectors)

This session is for... Mid-senior level engineers looking to level-up their React development skills.