Why we should use React Canvas
summary
Explains using React Canvas (a React-based canvas rendering library) to reduce jank and improve scrolling and animation performance on mobile web. Covers the scrolling performance problem with complex animations, how React Canvas works alongside other components to optimize rendering, its benefits, limitations, alternatives, and a BookMyShow demo applying React Canvas to smooth scrolling through large seat layouts.
AI-written summary · about
chapters (11)
- 0:00Intro
- 0:57The Jank problem
- 1:48Why the Jank happens ???
- 2:40Understanding the Rendering Process
- 4:44Optimizing scrolling performance
- 9:11How react canvas actually works
- 10:15Primitive Component & Layer component
- 11:31Group Components
- 13:07Bridge Or Surface Component
- 14:07Limitations of React Canvas
- 14:52Alternative libraries
