Make it fast without canvas
Most performance problems in React dataviz are not about the number of shapes. They come from unnecessary re-renders and work repeated on every interaction.
Let's fix the cheap, high-impact things first: memoization, stable scales, aggregating the data, and debouncing resize and hover. Often that is all you need.
Members only
8 minutes readThe previous lesson laid out the performance ladder. Its first rungs have nothing to do with canvas.
Before switching rendering technology, you can usually win back most of your frame budget with a handful of standard React patterns. Reach for these first.
Oh no! 😱
This lesson isn’t available just yet.
Take a look at the status badges next to each lesson in the sidebar to see when it’s coming out.
Thanks for your patience! 🙏