Dealing with CSS Universally

on YouTube ↗23m

" summary

Shows how to reuse web CSS and a React component inside a React Native mobile app by porting styles between platforms. Explains the process of bringing styles from the web to React Native and discusses the pros and cons of that portability.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:07Web to native with React
3. 3:52React Native for the web
4. 6:20CSS to styled components
5. 8:51Adapting styles for RN Web
6. 11:23Testing cross-platform
7. 13:14Web vs mobile differences
8. 15:43Shared core for both
9. 18:14React Primitives for universal
10. 19:18Managing CSS across platforms
11. 21:47Selective CSS injection
12. 22:49Maintaining shared styles

" related talks

• 27mBuilding a “Universal” CSS-in-JS librarySanket Sahu · React Nexus 2023
• 05mLightning talk from Nicolas GallagherNicolas Gallagher · React.js Conf 2016
• 33mHow to Build a Universal Design SystemAxel Delafosse · App.js Conf 2022
• 34mStyling React/ReactNative ApplicationsMax Stoiber · React Amsterdam 2017
• 01h 14mHow to Build a Cross-Platform Design System in ReactIlya Lesik · HolyJS 2020 Moscow
• 42mHow to publish a React Native component librarySatyajit Sahoo · App.js Conf 2019
• 29mStyling Components for React UI KitsJavi Velasco · ReactiveConf 2017
• 29mStyling React For ReuseJen Luker · UtahJS Conf 2017