Size: a a a

2019 January 11

SB

Sergey Berezhnoy in БЭМ
Александр Олейников
Есть проект следующей структуры:

project/
└── blocks
   └── Foo
       ├── Foo.jsx
       ├── index.js
       └── _theme
           ├── Foo_theme_one.css
           ├── Foo_theme_one.jsx
           ├── Foo_theme_two.css
           └── Foo_theme_two.jsx


Блок Foo и два модификатора (две темы): Foo_theme_one и Foo_theme_two. Допустим, каждая тема должна включать в себя 5 уникальных картинок в PNG. Как классическая схема организации файловой структуры предлагает поступить в этой ситуации, где хранить картинки для модификаторов? Как их называть, Foo_theme_one{1,2,3,4,5}.png?
хранить рядом с другими файлами этих модификаторов (зависит от схемы, в раздельных папках или нет)

именовать примерно так, да (жёстких правил про это нет)
источник

EW

Eugeniy World in БЭМ
Можно создать папку: Foo_theme.assets и туда сложить
источник

АО

Александр Олейников in БЭМ
Sergey Berezhnoy
хранить рядом с другими файлами этих модификаторов (зависит от схемы, в раздельных папках или нет)

именовать примерно так, да (жёстких правил про это нет)
В раздельных папках — это _theme/_one/, _theme/_two/?
источник

EW

Eugeniy World in БЭМ
Тут уже как тебе захочется 🙂 можно и в одну сложить внутри модификатора
источник

SB

Sergey Berezhnoy in БЭМ
Александр Олейников
В раздельных папках — это _theme/_one/, _theme/_two/?
как один из вариантов
источник

АО

Александр Олейников in БЭМ
Спасибо за ответы.
источник

EW

Eugeniy World in БЭМ
jsx расширение кстати не нужно) можно все в js писать
источник

EW

Eugeniy World in БЭМ
Это у ts проблемы с этим, т.к. tsx отдельный диалект
источник
2019 January 12

c

citizenfour04 in БЭМ
Всем здравия! Народ, как без регистрации и смс собрать статичный БЭМ-проект (обычный многостраничный сайт без применения фреймворков, c использованим html-шаблонизатора и css-препроцессора, js-кода минимум, в основном статичные .pug и .sass файлы ) на Gulp или Webpack без применения специфических сборщиков вроде bem-tools, enb и подобных, но при этом сохранить возможность рекурсивно декларировать зависимости для БЭМ-сущностей/блоков любой вложенности и при любой файловой структуре. И самое главное, не получить в процессе  когнитивный диссонанс ? Это вообще реально ?
источник
2019 January 13

AY

Alexey Yarrr (qfox) in БЭМ
Возможно, но код для сборки самому надо будет писать. И пуг шаблоны неудобно будет использовать
источник

Р

Роман in БЭМ
citizenfour04
Всем здравия! Народ, как без регистрации и смс собрать статичный БЭМ-проект (обычный многостраничный сайт без применения фреймворков, c использованим html-шаблонизатора и css-препроцессора, js-кода минимум, в основном статичные .pug и .sass файлы ) на Gulp или Webpack без применения специфических сборщиков вроде bem-tools, enb и подобных, но при этом сохранить возможность рекурсивно декларировать зависимости для БЭМ-сущностей/блоков любой вложенности и при любой файловой структуре. И самое главное, не получить в процессе  когнитивный диссонанс ? Это вообще реально ?
Попробуй TARS. Мне кажется, там есть всё, что тебе нужно.
источник
2019 January 16

I

Il'yar in БЭМ
Кто знает чем сайт https://design.alfabank.ru/ собран? Я искал ничего не нашел намеков, хорошо у них получилось компоненты задокументировать.
источник

VI

Vadim Ivanov in БЭМ
Il'yar
Кто знает чем сайт https://design.alfabank.ru/ собран? Я искал ничего не нашел намеков, хорошо у них получилось компоненты задокументировать.
свое что-то возможно
источник

I

Il'yar in БЭМ
Vadim Ivanov
свое что-то возможно
вероятно так и есть, но может быть кто-то знает подробности
источник

VI

Vadim Ivanov in БЭМ
Il'yar
вероятно так и есть, но может быть кто-то знает подробности
вот норм тема https://react-styleguidist.js.org/
источник

I

Il'yar in БЭМ
👌это радует, учитывая что есть https://vue-styleguidist.github.io/
источник

VI

Vadim Ivanov in БЭМ
в смысле тоже самое есть для vue?
источник

I

Il'yar in БЭМ
Vadim Ivanov
в смысле тоже самое есть для vue?
видимо да, насколько оно тоже самое не скажу
источник

I

Il'yar in БЭМ
Оказывается есть из чего выбрать, но пока больше нравиться версия от Альфа-Банка, нашел тул который делает подобное https://vueds.com/example/#/Elements/Button особенно интересная фича — статус готовности компонента.
источник

MK

Mikhail Koloskov in БЭМ
Il'yar
Кто знает чем сайт https://design.alfabank.ru/ собран? Я искал ничего не нашел намеков, хорошо у них получилось компоненты задокументировать.
Ребята из Альфы сказали, что сделали форк от Styleguidist и допилили его под себя https://github.com/alfa-laboratory/arui-demo
источник