Building Your Legos: A Practitioner’s Guide to Reusable Components
summary
A Drupal agency describes a concrete reusable-component stack: a library of 12 core components (hero banners, quotes, grids, the Quilt row), implemented as Paragraph types or custom blocks, bundled in a parent module, versioned with Git and pulled into projects via Composer-based distribution. Components include theme templates, CSS/JS, responsive behavior (not tied to Bootstrap), admin fields for desktop/mobile control, and a plan for default inclusion, opt-out, demos, and guarded editor permissions.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:20Whats the VAD
- 2:26Why Build Legos
- 2:53Component Based Approach
- 6:46The Quilt
- 7:52What should we build
- 14:59Hero Banner Walkthrough
- 18:52Components Walkthrough
- 21:50Things to Consider
- 24:16What Have We Learned
- 28:25Contribution Days
- 28:42Questions
- 33:05Config Bundles
- 35:30How to Deal with Config
- 36:52API Pulled Out
- 38:33User Experience
related talks
57mComponent-based Drupal
46mBuilding Reusable Components ... That Are Actually Reusable
43mHow to build your reusable UI component library like a pro
31mA red LEGO brick is always red components on the web
28mFront End Legos: Better Design with Reusable HTML & CSS
01h 00mBuild It Better, Stupid: Using Design Systems for Scalability
35mWeb Components - The Lego Bricks of Web Developers
26mBlueprint for Architecting a Scalable Component Library