Hands-on: Building a Service with BEM
summary
A hands-on migration demo that builds a BEM-based service from Material Design Lite sources using a fix_mdl script and four concrete steps: renaming blocks, extracting helpers into blocks, generating dependencies, and assembling only needed files. Uses a BEM project, MDL sources and a compact ~100-line config instead of a large gulpfile to assemble pages modularly, run a server that delivers only used CSS/JS, and includes documentation generation plus isomorphic rendering; the approach is shown to work and be reproducible.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 12:24Hacking session setup MDL
- 29:43Code optimization
- 35:32Automating docs
- 39:07Integrating BEM
- 57:21Override levels
- 1:06:15BEM core summary
related talks
46mMaintainable frontend development with BEM
41mNews from the BEM World
25mBEM in the Virtual DOM
51mBuilding Amazing Single Page Applications the Right Way
43mHow to build your reusable UI component library like a pro
43mAbout the BEM-XJST Templating Engine
51mDeconstructing Web frameworks for a more resilient code base
29mRethinking Design Practices