React + БЭМ - s.conf.guru · Организации, проектирующие системы,...

Post on 24-Jan-2020

13 views 0 download

Transcript of React + БЭМ - s.conf.guru · Организации, проектирующие системы,...

React + БЭМ = Гибкая архитектурабиблиотеки компонентов

Организации, проектирующие системы, неизбежно производят конструкцию, чья структура является копиеи ̆ структуры взаимодеи ̆ствия внутри самои ̆ организации»

Закон Конвея

«

10

click.alfabank.ru link.alfabank.ru/deposit/

Консистентность Гибкость

FIЖERalfa bankui library

github.com/alfa-laboratory/arui-feather

18

19

20

21

22

Темы

25

26

27

А что, если у меня компонент чуть-чуть отличается?Проксирование `className`

29

30

Как быть, если мой компонент совсем отличается?Перегрузка имени блока

32

33

34

35

36

DI компоненты

Button

Popup

40

41

42

43

Итого

Cndecorator

github.com/alfa-laboratory/cn-decorator

facebook.com/vitaliy.green

vgalakhov@alfabank.ru

● БЭМ для React

● Темы

● Проксирование `className`

● Перегрузка имени блока

● DI компоненты