Strict DOM

on YouTube ↗21m

" summary

Vision argues for unifying web and native by mapping web APIs to native and shipping a prototype called React Strict DOM that exports HTML and CSS modules. It uses codemods and a Stylex/StyleSheet-compatible style system to migrate existing web code quickly, reusing complex features; one Meta app shares 60% of files and React Strict renders 10% of divs and 20% of spans on facebook.com. About 63% of target web APIs are supported, native polyfills make a div about half as fast as a view, and overall native DOM performance improves ~2.5× with ongoing work.

AI-written summary · about

" chapters (10)

1. 0:00Introduction to Strict DOM
2. 3:37Current React fragmentation
3. 6:46React Strict DOM vision
4. 8:31How React Strict DOM works
5. 10:38Native web API convergence
6. 12:42Code migration and performance
7. 13:48Real-world example Facebook VR
8. 15:37Trade-offs and future goals
9. 18:05Three goals for React Strict DOM
10. 19:28Call to action and conclusion

" related talks

• 40mDOM as a Second-class CitizenSebastian Markbage · ReactEurope 2015
• 36mHorror Stories From Hacking the DOM Into a Native PlatformVincent Riemer · React Boston 2018
• 34mWhy we need a better browserKen Wheeler · ColdFront 2017
• 30mReact: Rethinking best practicesPete Hunt · JSConf EU 2013
• 31mNative Web Components - All Frameworks InvitedMichael Collins · UtahJS Conf 2018
• 51mFunctional Web Development – An Introduction to React.jsBertrand Karerangabo · FITC Web Unleashed 2014
• 21mBuilding Cross-Platform Component Libraries for Web and Native with ReactPerttu Lähteenlahtii · React Advanced 2021
• 36mThe Road to Native Web ComponentsMike North · JSConf Colombia 2016