BEM + React

[alexbaumgertner]

UPD: можно попробовать https://github.com/bem/create-bem-react-app

Привет! Хочется попробовать сделать React-компоненты с использованием методологии BEM: разделение на блок-элемент-модификатор и на уровни common, desktop, touch. Нашел пока вот:

• https://github.com/yummies/starter-kit – слишком молодо и много зависимостей
• https://github.com/artemshitov/react-bem – скорее всего сильно устарело
• Реактивные интерфейсы с React.js и БЭМ: мастер класс. Слава Аристов – интересно, смотрю
• https://github.com/dfilatov/bem-react – заморожено, но интересно, смотрю

Порекомендуйте пожалуйста еще источников.

[blond]

Ещё есть такое https://github.com/Yeti-or/bem-hazard, но, наверное, не то.

[jchouse]

Я вот так сделал: https://github.com/jchouse/reactjs-starter-kit

[JiLiZART]

https://github.com/yummies/yummies Довольно интересная попытка скрестить React и БЭМ like технологии

[alexbaumgertner]

@JiLiZART слишком молодо и много зависимостей (папка node_modules 90Mb). Боюсь, в текущем проекте у нас не хватит времени до ума доводить.

[alexbaumgertner]

@blond интересно, но слишком абстрактно. Как идея пригодится, спасибо!

[ihorzenich]

@alexbaumgertner на чём в итоге остановился? Как насчёт вот этого форка https://github.com/dfilatov/bem-react -> https://github.com/react-bem/react-bem ?

[Guria]

Самое актуальное: https://ru.bem.info/forum/961 https://github.com/awinogradov/react-bl

[Guria]

А yummies вроде теперь https://github.com/rebem

[alexbaumgertner]

@ihorzenich @Guria

Спасибо ребята за информацию, пока ни на чем не остановился.

Попробую поэкспериментировать в https://github.com/alexbaumgertner/presentation-bem-spa

[awinogradov]

@alexbaumgertner а чем не подошло https://github.com/awinogradov/react-bl ?

[alexbaumgertner]

@awinogradov пока не пробовал — на момент написания топика еще не было https://github.com/awinogradov/react-bl.

[awinogradov]

@alexbaumgertner теперь все в твоих руках ;)

[kot-lex]

https://github.com/rebem выглядит заманчиво. Кто-нибудь кроме авторов использует это в продакшене?

[awinogradov]

Чем именно он тебя манит?:) там только классы и схожесть с форматом bemjson :(

Sent from my iPhone

On 24 May 2016, at 12:49, Aleksei Chernov notifications@github.com wrote:

https://github.com/rebem выглядит заманчиво. Кто-нибудь кроме авторов использует это в продакшене?

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub

[JiLiZART]

Там готовая экосистема, есть лоадер для вебпака реализующий уровни, трансформер для jsx, тузлы для тестов, даже для postcss плагин написали

вт, 24 мая 2016 г. в 11:53, Anton Winogradov notifications@github.com:

Чем именно он тебя манит?:) там только классы и схожесть с форматом bemjson :(

Sent from my iPhone

On 24 May 2016, at 12:49, Aleksei Chernov notifications@github.com wrote:

https://github.com/rebem выглядит заманчиво. Кто-нибудь кроме авторов использует это в продакшене?

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/bem/bem-forum-content-ru/issues/746#issuecomment-221221194

[awinogradov]

Тогда чего ты хочешь от БЭМ в React? Все что ты перечислил все про React, кроме postCSS, пожалуй. Там нет шаблонов, а кажется уровни вот прям про них и про браузерный JS.

Sent from my iPhone

On 24 May 2016, at 12:59, Nikolay Kostyurin notifications@github.com wrote:

Там готовая экосистема, есть лоадер для вебпака реализующий уровни, трансформер для jsx, тузлы для тестов, даже для postcss плагин написали

вт, 24 мая 2016 г. в 11:53, Anton Winogradov notifications@github.com:

Чем именно он тебя манит?:) там только классы и схожесть с форматом bemjson :(

Sent from my iPhone

On 24 May 2016, at 12:49, Aleksei Chernov notifications@github.com wrote:

https://github.com/rebem выглядит заманчиво. Кто-нибудь кроме авторов использует это в продакшене?

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/bem/bem-forum-content-ru/issues/746#issuecomment-221221194

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub

[vithar]

Мы используем postcss плагин.

[alexbaumgertner]

Наконец-то можно попробовать: https://github.com/bem/create-bem-react-app