The Modern Way of Making Websites in React
summary
Panelists state concrete tradeoffs and show working patterns: use css variables or Tailwind for global design tokens, keep the data model next to a section component, and compose macro slices in Storybook to catch visual breakage. Cite tools that ship value like react-query and SWR for caching, Storybook for combined stories, and React Testing Library for component contracts. Examples include a UI library with hundreds of thousands of downloads, auth via a useUser hook, Twitch overlays and Spotify embeds built end to end.
AI-written summary · about
chapters (7)
- 0:00Start
- 3:22Convertkit
- 8:51Basic Design Principles
- 10:07How Components Will Behave Together
- 11:07How Do You Make Your Design System Scalable with Your Code Base
- 17:54When Do You Start To Break a Component Down into Smaller Components or Break like Logic Out into Hooks
- 30:13Maintaining those Components
related talks
14mBuilding a component library with React, Vue, Angular or WebComponents
41mBuilding a design system with React in 2025, what's new?
26mBuilding modern React applications
24mCase Study: Creating a Component Library in React JS
30mDesigning with React
34mSecrets of building robust UI components
33mBuilding modern React applications
21mDesign Systems 101: The Developer Approach to Better Frontends