Lightning talk from Nicolas Gallagher

on YouTube ↗05m

" summary

Project ports React Native to the web and claims most APIs run unmodified, with demos like tic-tac-toe at 1.5K gzipped CSS and 2048 at 1.4K gzipped CSS. StyleSheet converts every property:value into unique CSS rules, producing automatic Atomic CSS with no build step and support for code-splitting and server rendering via AppRegistry extensions. Replacing a Twitter app’s CSS cuts bundles from 12K to 2.5K. Accessibility props map to ARIA roles.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 3:17StyleSheet
3. 3:51AppRegistry
4. 4:15Accessibility
5. 4:45React Native for Web
6. 5:14GitHub

" related talks

• 08mLightning talk from Lenka VondrackovaLenka Vondrackova · ReactiveConf 2017
• 05mLightning talks: Building Micro Web Apps in native appsPanagiotis Karadais · Nordic.js 2019
• 21mBuilding Cross-Platform Component Libraries for Web and Native with ReactPerttu Lähteenlahtii · React Advanced 2021
• 27mBuilding a “Universal” CSS-in-JS librarySanket Sahu · React Nexus 2023
• 25mGoing NativeAnna Doubkova · ReactiveConf 2018
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 23mDealing with CSS UniversallySimon Vocella · Universal JS Day 2018
• 46mReact Native for Web Panel DiscussionReact Nexus 2023