Архив метки: i-bem

Архитектура Facebook’s flux в рамках i-bem

Волна статей об «инновационных» JS технологий facebook’s flux, redux, react, immutable.js и пр. окончательно заполонили профильные ресурсы, и у меня практически не осталось выбора кроме как породить что-нибудь по мотивам и вкрутить это в БЭМ стек — основной рабочий набор технологий.

Благо, что i-bem по сути даёт практически всё, что нужно для реализации архитектурного подхода flux. Однако для проверки необходимости перерисовки понадобилась дополнительная библиотека, позволяющая использовать иммутабельные (неизменяемые) структуры данных, — Immutable.JS.

Мои размышления на этот счет вылились в блок и подход организации БЭМ проекта в целом — bem-store (https://github.com/DimitryDushkin/bem-store).

Пока я использую этот подход в одном небольшом рабочем проекте. По ощущениям он неплохо упрощает понимание происходящих процессов внутри приложения. Планирую использовать в дальнейшем.

Ниже презентация с моего небольшого внутреннего доклада.

Яндекс.Диск: https://yadi.sk/d/7C9VQIRzpxH57
Slideshare (может быть заблокирован в РФ):

Слайды с семинара про БЭМ

1.5 года я работаю в проекте, полностью построенном на стеке технологий БЭМ и считаю этот стек действительно удачным решением многих проблем современного front-end.

Думаю, многие даже небольшие проекты во многом выиграют от перехода на этот стек, но большое количество технологий (иногда даже дублирующих друг друга), используемых в стеке, могут отпугнуть храбрецов, решивших освоить БЭМ.

hammer.js rocks or raps...

hammer.js rocks or raps…

На прошедшем семинаре я попробовал показать, насколько несложно использовать часть стека на проекте полностью построенном на Ruby on Rails, сайте о недвижимости «Идинайди«,  Ниже слайды с этого семинара. Сайт-пример — https://github.com/DimitryDushkin/bem-light-example.

Первая часть (она на слайдах) посвящена «карте» технологий БЭМ. Она весьма разнообразна, но в действительности каждому элементу на ней есть своё место, которое возможно заменить на что-то другое из другого стека. Например, в Rails Борщик можно заменить на Sprockets. Формирование BEMJSON — на использование хелпера.

Вторая часть практическая. В ней описаны базовые принципы сборки проекта и написания блоков.

Скачать и посмотреть презентацию можно на я.диске — https://yadi.sk/i/66-ZYR7YpxHFo

Slideshare (заблокирован в РФ =():