Building Loveable UIs
summary
Argues that lovable UIs come from concrete choices: build encapsulated presentational components, compose them into container + pure layers, and document with living style guides like react storybook or reconjs so reuse actually happens. Recommends inline styles for bundling and animation, shows an animate‑wrapper pattern wired to react-motion, and suggests using Immutable.js to avoid unnecessary rerenders. Mentions tools (Rebass, Radium), Facebook’s layout work and container‑query ideas, and gives runnable examples and code links.
AI-written summary · about
chapters (6)
- 0:00Start
- 2:32COMPONENTS ARE THE BUILDING BLOCKS OF AN APP
- 2:55SELF CONTAINED - DOESN'T CARE ABOUT DATA - NO ACCESS TO APP'S STATE
- 6:42DOCUMENT YOUR COMPONENTS
- 7:52DESIGN COMPONENTS NOT PAGES
- 19:18IMPROVE THE USABILITY FEELS NATURAL GIVE FEEDBACK
related talks
29mStyling React For Reuse
44mA Practical Guide for Crafting Resilient UI Components
34mSecrets of building robust UI components
19mHow to structure, style and document components for maximum effectiveness
43mHow to build your reusable UI component library like a pro
32mUI Development Made Simple
23mBest Practices for reusable UI components
32mThe Modern Way of Making Websites in React