Maintainable frontend development with BEM
summary
Yandex presents BEM as a concrete workflow: independent CSS blocks that avoid cascade so components can be moved or reused without breaking page layout, a Node.js build and dev server called bem-tools that flattens and assembles CSS/JS and a flattener named borik plus the optimizer csso for production. An internal library contains over 100 components used across services, and the system runs in production at Yandex to speed development and maintenance.
AI-written summary · about
chapters (7)
- 0:00Start
- 1:03Maintainable Front-End Development with Bem a Block Element Modification
- 3:55Usual Development Cycle
- 11:15Independent Css Blocks
- 12:22Avoiding Cascade When Using Cascading Style Sheets
- 17:56Block Level
- 26:36Csso
related talks
40mBEM: complete guide for your component frontend development
41mNews from the BEM World
25mBEM in the Virtual DOM
01h 09mHands-on: Building a Service with BEM
43mAbout the BEM-XJST Templating Engine
42mMoving towards web components
43mPreprocessors, Components, and CSS in JS
33mThe Purification of Web Development