Hey Chris, thanks for your great post, it’s really interesting and inspiring!
- jsx really helps understand the view of the component, what you see is usually what you get
- as long as we only use the virtual DOM, we just need to make minimal code change to transit to React as both the model and viewmodel are already there
- code is cleaner, for this particular small component, virtual DOM wraps up our few DOM operations
While doing this, I don’t expect performance improvement. If we don’t perform useless DOM operations, an additional virtual DOM diff cannot save time. The result finally agrees with my suspicion.
After reading your post, several questions came to my mind, it would be great if you can share more insights with us
- Previously Slack renders all Emoji glyphs even if most of them are not visible. Do you think this is the major reason why performance became way better after switching to React as react-virtualized solves this problem?
translate3Dto scroll vertically, append new pages when hitting the bottom of the partial list.
Thank you again for the sharing, and look forward to your reply.