Taking Component Driven One Step Further
summary
Claim: Bit converts app-locked React components into component isolation with per-component versioning so the same button or product card can be installed via npm or yarn into multiple repos. Demonstrated with a shoe-store/e-commerce demo, VS Code imports, live playgrounds, Figma embeds and a visual dependency graph. An environment component provides shared tooling (prettier eslint tsconfig) and updates propagate only when a repo opts in. Result: components are versioned components and reusable across multiple applications.
AI-written summary · about
chapters (15)
- 0:00Start
- 0:31Debbie O'Brien
- 0:48HOW IT'S GOING
- 8:50Bit in a Monorepo
- 9:22Simple decoupled Codebases
- 11:10Team Ownership
- 12:12Figma Designs
- 12:47View Component Props
- 13:16Visability and Discoverability
- 13:43Search across multiple scopes
- 14:12Filter by dependencies, size...
- 14:56Consistent and Standard Tooling
- 15:47Independent Versions
- 17:07Component Dependencies
- 17:29Reuse Components in any app
related talks
24mComponent Driven repo for a component driven world
55mComponent Driven Repo for a Component Driven World
57mComponent Driven Repo for a Component Driven World
44mIt’s all about components
05mSubdivide: Understanding Your Component Ecosystem
21mShared Components Beyond the Design System
44mWriting good components
34mComponent Documentation Made Easy