BEM: complete guide for your component frontend development
summary
Claims BEM is a component methodology that covers CSS, DOM, templates, JavaScript and filesystem layout; demonstrates BEMJSON objects rendered to HTML and a build that includes only blocks actually used; shows modifier-driven JS hooks that run when classes change and visual regression tests that screenshot every component state; points to open source repos bem-components on GitHub and bem.info; reports real production use at Yandex for about seven years and tooling that successfully generates docs, tests and reusable libraries.
AI-written summary · about
chapters (5)
- 0:00Start
- 8:22Mixes several entities on same node
- 9:57BEMHTML: BEMUSON to HTML
- 15:24Tune CSS
- 18:29Tune JavaScript
related talks
46mMaintainable frontend development with BEM
34mBEM - Building 'em modular
42mbem components — like Bootstrap, only better
32mWhat's New in bem-core@v4
28mHow to create a personal website with React + Scss + Bem: The basis
41mWeb Components: Maintaining and Reusing your Frontend
43mHow to build your reusable UI component library like a pro
51mBuilding Better Components — A Journey to a More Resilient Frontend