This post discusses the importance of performance in user experience and explores performance issues faced by Slack in their React and Redux application. It highlights the impact of Redux on performance, particularly with the sidebar component. The post also suggests various solutions for improving performance, including targeting problem components, batched updates, codemods, and using Redux less. Despite the challenges, Slack continues to use React and Redux due to their popularity and ease of use.
Table of contents
TranscriptPerformanceSlack (React App on Desktop)How Do Browsers Even? (JavaScript is Single Threaded)Performance, a UX PerspectiveFrontend PerformanceReact and Redux 101Improving Performance by Doing Less WorkWhat's Next: List VirtualizationWhat's Next: State Shapes and StorageSolutions: Batched Updates, Codemods, and Using Redux LessWhy React and Redux, Still?Fighting a Problem of Scale at ScaleConclusion30 Impressions