При разработке новых библиотек bem-core и bem-components мы переосмыслили свой подход и предыдущий опыт. Теперь разработка — это честный опенсорс с прозрачным планированием, где каждый может повлиять на результат. Мы сформулировали требования: тотальная автоматизация, Bleeding Edge, оптимизация, разные варианты поставки библиотеки, поддержка нескольких визуальных тем, бережность и кругозор. И определили технологии: анализаторы кода, юнит-тесты, модульность, шаблонизаторы, работа с CSS, зависимости и сборка. В докладе я подробно остановлюсь на каждом из этих вопросов.

2. Библиотеки блоков
bem-core и
bem-components
Владимир Гриненко
BEMup в Москве, 17 мая 2014

3. Back to the roots

4. bem-bl
4 года назад
вынесение внутренних блоков
первый подход к снаряду
старые браузеры
костыли ради обратной
совместимости
4

5. С чистого листа

6. Новые библиотеки
честный Open Source
тотальная автоматизация
bleeding edge
оптимизация — это важно
селекторы в контексте темы
поддержка нескольких тем
все лучшее из старого
поддержка всех платформ
6

7. Разделяем примеры
для разработчиков и тестирования
в качестве документации
7

8. Новые технологии
линтеры, бьютифаеры
unit-тесты на всё: скрипты, шаблоны и вёрстку
модульность в JS
два набора шаблонов
CSS-препроцессор Roole
autoprefixer
borschik@1.0.0
поддержка альтернативного сборщика
8

9. Варианты поставки
source
compiled
library
9

10. Готовые блоки
link
button
input
checkbox
radio-group
menu
popup
10
dropdown
icon
image
spin

11. Спасибо!

12. 12
clubs.ya.ru/bem
twitter.com/bem_ru
facebook.com/groups/bem.info
bem.info

13. 13
clubs.ya.ru/bem
twitter.com/bem_ru
facebook.com/groups/bem.info
bem.info
bit.ly/msk-bemup-feedback

14. 14
Владимир Гриненко
Руководитель службы
разработки БЭМ
tadatuta@yandex-team.ru
@tadatuta