Demystifying Frontend Framework Performance

on YouTube ↗27m

" summary

Compares concrete measurements and fixes: a to-do benchmark had a 10x setInterval bug and React was profiled in development mode, after corrections React edges out Vue by a small margin; Vue 2.0 combines virtual DOM with component-level dependency tracking and reduces watchers to speed small updates; web worker render prototypes move work off the main thread but show only marginal responsiveness gains and add complexity. Vue 2.0 mixes virtual DOM and dependency-tracking benchmarks had a 10x interval bug and wrong dev mode web workers show marginal wins

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 7:55Dirty Checking Angular
3. 9:30Dependency Tracking Knockout / Vue L.x
4. 10:53Virtual DOM React etc.

" related talks

• 19mReactivity in Frontend JavaScript FrameworksEvan You · DotJS 2016
• 29mQuo vadis, frontend?Evgeny Kot · ConfrontJS 2022
• 40mThe state of frontend frameworks in 2023Tejas Kumar · jsday 2023
• 31mThe Future of Front-End PerformanceSia Karamalegos · Full Stack Fest 2018
• 48mDive into frontend frameworks to understand their reactivity🔬⚛️Sylvain Dedieu · Voxxed Days Luxembourg 2024
• 33mRendering on the Web: Performance Implications of Application ArchitectureJason Miller, Houssein Djirdeh · Google I/O 2019
• 17mVisualising Front-End Performance BottlenecksRichie McColl · React Summit 2020
• 41mDiving into Modern Frontend Frameworks to Understand Their rSylvain Dedieu · DevFest Toulouse 2023