yW
Можно кстати тип для хока сделать и типы контекстно выводить, типо:
const withF: Wrapper<InjectedProps> = (Wrapped) => (props) => <Wrapped {…props} />Size: a a a
2020 July 25
yW
А внутри уже через infer type достать тип из Wrapped’a
PН
Можно кстати тип для хока сделать и типы контекстно выводить, типо:
const withF: Wrapper<InjectedProps> = (Wrapped) => (props) => <Wrapped {…props} />Выглядит удобно, попробую. В bem core есть вот такая обёртка:
type Wrapper<T> = (WrappedComponent: React.ComponentType<{}>) => React.ComponentType<T>
Это о другом?yW
М…, в целом да, но тут тип не достается из Wrapped'a
2020 July 26
ПЗ
Когда пилили первые версии bem react, не было попыток манипуляции реактовскими нодами?
что-нибудь вроде такого:
extend модфицирует ноды, которые возвращает User. Если пробывали, интересно какие проблемы были
что-нибудь вроде такого:
function User(props) => {
return (
<div className="user">
<image className="user__avatar src={props.avatar} />
</div>
)'
}
const UserWithProfileLink = extend(User, props => {
block('user')({
apendContent: { block: 'link', href: '/profile', content: 'Профиль' }
})
});extend модфицирует ноды, которые возвращает User. Если пробывали, интересно какие проблемы были
EA
Привет.
Margin и padding ставят на блок или элемент?
Margin и padding ставят на блок или элемент?
RY
Привет.
Margin и padding ставят на блок или элемент?
Margin и padding ставят на блок или элемент?
смотря куда надо ..и туда и туда ставиться
EA
смотря куда надо ..и туда и туда ставиться
Вот на https://ru.bem.info/forum/979/ пишут, что блок margin не должен иметь.
RY
каждая ситуация ндивидуальная , я иногда и на блок кида. падинг/маргин
EA
Спасибо.
EM
каждая ситуация ндивидуальная , я иногда и на блок кида. падинг/маргин
Внешних отступов у блоков не должно быть. Только внутренние.
Если нужно позиционировать блок в другом блоке, то он становится элементом родителя и это делается уже через микс. Пример:
Есть блок Page(класс .Page), есть Form (класс .Form). Форма внутри страницы. Тебе нужно навесить на форму дополнительно класс .Page-Form и задать ему внешние отступы.
Если нужно позиционировать блок в другом блоке, то он становится элементом родителя и это делается уже через микс. Пример:
Есть блок Page(класс .Page), есть Form (класс .Form). Форма внутри страницы. Тебе нужно навесить на форму дополнительно класс .Page-Form и задать ему внешние отступы.
EA
Спасибо.
yW
Когда пилили первые версии bem react, не было попыток манипуляции реактовскими нодами?
что-нибудь вроде такого:
extend модфицирует ноды, которые возвращает User. Если пробывали, интересно какие проблемы были
что-нибудь вроде такого:
function User(props) => {
return (
<div className="user">
<image className="user__avatar src={props.avatar} />
</div>
)'
}
const UserWithProfileLink = extend(User, props => {
block('user')({
apendContent: { block: 'link', href: '/profile', content: 'Профиль' }
})
});extend модфицирует ноды, которые возвращает User. Если пробывали, интересно какие проблемы были
Непонятно как подобное сделать в реакте, чтобы получить результат компонента нужно его вызвать
yW
а если компонент содержит состояние или что-нибудь ещё, то проинициализировать
yW
У нас кейсов, когда нужно докинуть контент не так много и мы решили это обычным react-way способом — добавили слоты в таких местах
yW
<UserContainer>
<UserAvatar />
{addonAfter}
</UserContainer>
2020 July 27
ПЗ
Непонятно как подобное сделать в реакте, чтобы получить результат компонента нужно его вызвать
его можно вызвать, полученые ноды изменить и обернуть их в функцию, что бы возвращались при ее вызове. Пока они не скормятся реконсилиру, можно что угодно с ними делать
AS
<div class="block">
<div class="block block__elem"></div>
</div>
Подскажите, это валидный БЭМ?
block__elem на второй строке - это элемент блока, который начинается на первой строке.
Т.е. если на одном узле есть и класс блока и класс элемента этого блока, то это не означает автоматически, что этот код точно не валиден, правильно?
SB
<div class="block">
<div class="block block__elem"></div>
</div>
Подскажите, это валидный БЭМ?
block__elem на второй строке - это элемент блока, который начинается на первой строке.
Т.е. если на одном узле есть и класс блока и класс элемента этого блока, то это не означает автоматически, что этот код точно не валиден, правильно?
тут есть пара нюансов:
1) само по себе смешивание блока и его же элемента на одной ноде, это нормально
2) но в примере разметки есть ещё и вкладывание блока самого в себя (что в принципе тоже имеет право на существование, если есть понятное объяснение зачем)
если есть возможность раскрыть больше реального контекста, что за блоки и зачем, то можно дать более предметную рекомендацию
1) само по себе смешивание блока и его же элемента на одной ноде, это нормально
2) но в примере разметки есть ещё и вкладывание блока самого в себя (что в принципе тоже имеет право на существование, если есть понятное объяснение зачем)
если есть возможность раскрыть больше реального контекста, что за блоки и зачем, то можно дать более предметную рекомендацию
AS
тут есть пара нюансов:
1) само по себе смешивание блока и его же элемента на одной ноде, это нормально
2) но в примере разметки есть ещё и вкладывание блока самого в себя (что в принципе тоже имеет право на существование, если есть понятное объяснение зачем)
если есть возможность раскрыть больше реального контекста, что за блоки и зачем, то можно дать более предметную рекомендацию
1) само по себе смешивание блока и его же элемента на одной ноде, это нормально
2) но в примере разметки есть ещё и вкладывание блока самого в себя (что в принципе тоже имеет право на существование, если есть понятное объяснение зачем)
если есть возможность раскрыть больше реального контекста, что за блоки и зачем, то можно дать более предметную рекомендацию
Я потихоньку пилю линтер БЭМа. Поэтому это чисто теоретический вопрос. Спс за ответ :)