How cinema and coding are alike?
summary
A shared component library called Luna UI is built with React + StyledComponents to stop repeating the same UI code across four apps, where developers were duplicating snippets two to three times per week. Themes live in a JSON file and toggle by wrapping components with a theme provider; Storybook hosts examples and the package is published to npm. After six months in production the team reports one source of truth, higher code quality and consistent UIs.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:05Childhood movies and Depp
- 3:20Monolithic frontend challenge
- 5:53Styletron and shared components
- 7:21Evaluating Luna UI
- 8:46Building Luna UI with Styletron
- 10:36Live demo: Luna UI install & use
- 14:51Theming and components in Luna UI
- 16:48Luna UI benefits
- 19:21Closing
related talks
30mHow Cinema, React and Styled Components are Alike
23mBest Practices for reusable UI components
32mUI Development Made Simple
21mA Common Design Language Let Designers and Developers talk to each other
24mCase Study: Creating a Component Library in React JS
44mBest Practices on building a UI component library for your company
46mBuilding Reusable Components ... That Are Actually Reusable
25mBuilding Loveable UIs