Styles and Theming with Restyle in React Native
summary
Restyle is an open source library from Shopify that claims to replace ad hoc styles with a type-enforced theme backed by TypeScript, and it actually ships working ThemeProvider integration. It replaces repeated text styles with Box and Text components, maps semantic names like card primary background to palette shades, adopts consistent spacing multiples, and makes dark mode a simple theme swap. Examples show reduced duplication and straightforward runtime theming.
AI-written summary · about
chapters (8)
- 0:00Start
- 1:19Managing Colors
- 1:57Font Styles
- 3:02Dark Mode and Theming
- 5:13Spacing
- 5:50Box and Text
- 6:31Dark Mode
- 7:07Dev Experience
related talks
29mStyling Components for React UI Kits
19mHarnessing React to Build Consistently Designed Applications
09mBuilding blocks of React Native
16mHow Contributing to OS is Helping Shopify & RN to Build the Future of Mobile
30mDesigning with React
19mStripe React Native: A simple set of solutions to a complex set of problems
02mThe Movie
18mBuilding dark mode with React Native at scale