React as a Platform"A path towards a truly cross-platform UI"
summary
Airbnb writes each feature three times for web Android and iOS and proposes a concrete fix: publish an npm package called react Primitives and use platform extensions so one component file can resolve to platform specific implementations. A survey script finds 73 react‑native APIs but only seven apis cover ~82% of usage and about 96% when composed; examples include a crossplatform checkbox, react‑native‑web charts rendered on iOS Android and web, and a react-sketch-app plugin that renders production components into Sketch.
AI-written summary · about
chapters (17)
- 0:00Start
- 3:13Write once, run anywhere?
- 5:06One paradigm One ecosystem.
- 5:55React: A brief history
- 7:27Is React already cross-platform?
- 9:10Cross-Platform React
- 9:21What are React's primitives?
- 9:37Learning from React Native
- 12:52StyleSheet
- 13:49Why View/Text and not Div/Span?
- 14:35Implementation
- 15:46Are these the right primitives?
- 17:19Platform Extensions
- 19:15An example: Checkbox
- 20:42Cross-platform Ecosystem
- 21:16An example: Charting
- 22:55What comes next?
related talks
29mReact as a Platform"A path towards a truly cross-platform UI"
39mCross Platform & Beyond
11mCross Platform React
55mReact: Not Just a Popular Library
28mCross-Platform React
59mOne Codebase to Rule Them All - Using React Native Everywhere
21mBuilding Cross-Platform Component Libraries for Web and Native with React
39mReact Native - Unleash the power of React in your device