Телеграмм чат группы bem

2019 February 10

Р

Роман in БЭМ

Alexey Yarrr (qfox)

А не получается хранить его в value ?

можно, в принципе, если не найду более developer-way решения.

источник

23:50пожаловаться #1

AY

Alexey Yarrr (qfox) in БЭМ

Сходу не приходит никаких хороших решений, кроме как в option value (если строка) или data-bem (если строки мало).
Еще можно хранить строку и маппить её на внешний справочник, тоже в некоторых случаях норм
Зависит от бизнес-кейсов

источник

23:53пожаловаться #2

AY

Alexey Yarrr (qfox) in БЭМ

Просто в любом случае надо данные сериализовать в HTML, а потом достать в JS (при гидрации, он же BEM.DOM.init)

источник

23:54пожаловаться #3

Р

Роман in БЭМ

Попробую в value, спасибо. Если будут проблемы, тогда уже буду думать.

источник

23:55пожаловаться #4

2019 February 11

И

Ильдар in БЭМ

В React при использовании Redux в компоненты попадает import экшенов, возникает связанность блока с redux и с конкретным проектом, это можно как-то избежать?

MP

В React при использовании Redux в компоненты попадает import экшенов, возникает связанность блока с redux и с конкретным проектом, это можно как-то избежать?

Выделить визуальные компоненты (которые отвечают только за отрисовку интерфейса), redux в них не импортировать. С Redux работать в компонентах-контейнерах, а состояние передавать в визуальные компоненты через пропсы. Так дизайн будет отделен от логики

И

Выделить визуальные компоненты (которые отвечают только за отрисовку интерфейса), redux в них не импортировать. С Redux работать в компонентах-контейнерах, а состояние передавать в визуальные компоненты через пропсы. Так дизайн будет отделен от логики

получилось, спасибо, как-то сразу по неопытности не догадался

Р

Выделить визуальные компоненты (которые отвечают только за отрисовку интерфейса), redux в них не импортировать. С Redux работать в компонентах-контейнерах, а состояние передавать в визуальные компоненты через пропсы. Так дизайн будет отделен от логики

«Компоненты-контейнеры» — это так называемые HOC?

источник

11:29пожаловаться #8

MP

Maxim Pavlov in БЭМ

нет, я имел ввиду не HOC

источник

11:29пожаловаться #9

MP

Maxim Pavlov in БЭМ

Компоненты-контейнеры это компоненты с состоянием, в них обычно есть логика

источник

11:30пожаловаться #10

MP

Maxim Pavlov in БЭМ

Еще есть "глупые" или "визуальные" компоненты. Это компоненты, которые просто рисуют какую-то часть интерфейса. Все, что им нужно знать - приходит к ним в пропсы

источник

11:31пожаловаться #11

V

Valentin in БЭМ

Наверное имеется в виду:
1. Логика обработки данных (это может быть редакс, мобикс или что то ещё)
2. Данные отправляются в реакт компоненты через пропсы.
3. Компоненты могут иметь свой стейт для хранения состояния UI.
4. Данные прокидываются в более легкие пур компоненты без своего стейта.
Верно изложил мысль?

источник

11:32пожаловаться #12

V

Valentin in БЭМ

Ну мы делаем так)

источник

11:34пожаловаться #13

MP

Maxim Pavlov in БЭМ

Да

источник

11:34пожаловаться #14

MP

Maxim Pavlov in БЭМ

Все так делают)

источник

11:34пожаловаться #15

И

Ильдар in БЭМ

что я делаю не так?

import { withNaming } from '@bem-react/classname';
import { origin } from '@bem/sdk.naming.presets';

const cn = withNaming(origin);
const block = cn('modal-kw-as-text');

block('close') // это в компоненте и на выходе modal-kw-as-textundefinedclose

источник

11:34пожаловаться #16

DP

Dima Po in БЭМ

Ребят, объясните как правильно пишется модификатор через два тире (—) или через одно нижнее подчеркивание (_) ?

источник

15:17пожаловаться #17

EW

Eugeniy World in БЭМ

В оригинальной методологии используют через _, но на западных ресурсах чаще можно встретить через --

источник

15:26пожаловаться #18