Телеграмм чат группы bem_ru страница 1432

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

БЭМ

826 membersпожаловаться на группу

2019 August 09

SB

Sergey Berezhnoy in БЭМ

Sergey Belozyorcev

@awinogradov @tadatuta @yarastqt есть вопрос на счёт нэйминга компонетов элементов в BRC.

Вы полностью дублируете имя блока в имени элемета?

// ProductCard/Gallery/ProductCard-Gallery

import { IClassNameProps } from '@bem-react/core';
import { cnProductCard } from '../ProductCard';

export interface ProductCardGalleryProps extends IClassNameProps {}

export const ProductCardGallery: React.FC<ProductCardGalleryProps> = ({
    className
}) => {
    return (<div className={cnProductCard('Gallery', [className])} />)
}

Или так делаете (по типу withModVal, вместо withBlockModVal)?

import { IClassNameProps } from '@bem-react/core';
import { cnProductCard } from '../ProductCard';

export interface GalleryProps extends IClassNameProps {}

export const Gallery: React.FC<GalleryProps> = ({
    className
}) => {
    return (<div className={cnProductCard('Gallery', [className])} />)
}

зависит от того в каком файле пишем — если в файле этого блока, то можно только имя элемента, если в другом блоке, то полностью

источник

13:35пожаловаться #1

EW

Eugeniy World in БЭМ

Не дублируем

export const Gallery: React.FC<ProductCardGalleryProps> = ...

источник

13:42пожаловаться #2

EW

Eugeniy World in БЭМ

А не, дублируем 🙁 но не обязательно

источник

13:43пожаловаться #3

EW

Eugeniy World in БЭМ

Т.к. элементы из реестров достаются по названию элементов

источник

13:43пожаловаться #4

EW

Eugeniy World in БЭМ

const { Gallery } = useRegistry()

источник

13:43пожаловаться #5

SB

Sergey Belozyorcev in БЭМ

Sergey Berezhnoy

зависит от того в каком файле пишем — если в файле этого блока, то можно только имя элемента, если в другом блоке, то полностью

Ну т.е. если я в контексте блока ProductCard нахожусь, то можно не заморачиваться и использовать Gallery

ProductCard/Gallery/desktop.ts
ProductCard/Gallery/ProductCard-Gallery@desktop.ts

// ProductCard/ProductCard@desktop.tsx
import { Gallery } from './Gallery/desktop'

Если нужно использовать элементы из вне, например какой-то блок Menu
То делаем так

import { Menu } from './components/Menu/desktop';
import { Item as MenuItem } from './components/Menu/Item/desktop';

Верно я понял?

источник

14:02пожаловаться #6

SB

Sergey Belozyorcev in БЭМ

Т.к. элементы из реестров достаются по названию элементов

По этой причине и задумался над этим неймингом ) Т.к. длинные имена не всегда читаемые (хоть и более однозначные).

источник

14:04пожаловаться #7

SB

Sergey Belozyorcev in БЭМ

Интересен опыт такого подхода

источник

14:05пожаловаться #8

EF

Elect Freak in БЭМ

блокам нельзя задавать внешнюю геометрию. А кому можно вообще? Кому задавать width, height, margin, padding и тд?

источник

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

EW

Eugeniy World in БЭМ

Размеры у блоков могут быть 🙂 а вот внешние отступы через миксы/обертки

источник

14:18пожаловаться #10

SB

Sergey Belozyorcev in БЭМ

@yarastqt а что на счёт имён интерфейсов для модификаторов?

export const withViewGrid = withBemMod<ProductCardViewGridProps,

vs

export const withViewGrid = withBemMod<ViewGridProps,

vs

export const withViewGrid = withBemMod<WithViewGridProps,

Придерживаетесь первого подхода?

источник

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

EW

Eugeniy World in БЭМ

export const withViewClassic = withBemMod<ITextinputViewClassicProps>(cnTextinput(), { view: 'classic' });

источник

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

EW

Eugeniy World in БЭМ

Но опять же, это все опционально

источник

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

SB

Sergey Belozyorcev in БЭМ

Но опять же, это все опционально

Это то понятно. Просто интересуют уже протоптанные пути :)

источник

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

2019 August 10

V

Valentin in БЭМ

спасибо, будем работать в этом направлении

Спросите его (дизайнера) мнения по поводу стайл гайда. Мб он даже не знает, что так можно.

источник

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

SB

Sergey Belozyorcev in БЭМ

@yarastqt есть ещё вопрос на счёт BRC...
Оборачиваете ли вы common реализации в реестры?

// ./Link/Link.tsx
import { linkRegistry } from './Link.registry'

const LinkBase ...
export Link = withRegistry(linkRegistry)(LinkBase)

// ./Link/Link@desktop.tsx
import { linkRegistry } from './Link.registry/desktop'
import { Link as LinkBase } from './Link'

export Link = withRegistry(linkRegistry)(LinkBase)

источник

04:38пожаловаться #16

ЕЕ

Евгений Евгений in БЭМ

https://github.com/bem-events/beminar-3

bem-events/beminar-3

Код третьего БЭМинара: БЭМ и JavaScript. Contribute to bem-events/beminar-3 development by creating an account on GitHub.

источник

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

ЕЕ

Евгений Евгений in БЭМ

есть слайды к этмоу уроку?

источник

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

ЕЕ

Евгений Евгений in БЭМ

который ни гите?

источник

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

ЕЕ

Евгений Евгений in БЭМ

там ссылка протухла

источник

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