1.
Павел Силин - ведущий фронтенд
разработчик в компании
Разработка SOLIDных
React компонентов

2.
В веб разработке
6 лет

3.
Разработка на React
2 года

4.
Яндекс
Директ

5.
Roistat

6.
DEVIM

7.
Переиспользование

8.
Регрессии

9.
Болезненный
рефакторинг

10.
Как это работает?

11.
SRP
- изменение логики выбора
меню
- изменение вида элемента
меню
- изменение расположения
элементов
S

12.
Open / Close
O

13.
Liskov substitution principle
Наследование
L

14.
Interface
segregation
WTF!?
I

15.
DDependency inversion

16.
Header

17.
Верстка

18.
5 простых тактик

19.
Разделяйте на
Layout, UI, Style
Помогает соблюдать SOI

20.
Примитив, [Примитив],
Компонент, [Компонент],
Функция
Простое API
Помогает соблюдать SI

21.
Не выставляй наружу style
и className
Открывая компонент для
расширения, нарушаем I

22.
Выделяйет всю логику и
композицию в
контейнеры
Помогает соблюдать S

23.
Используйте css in js и
забудьте уже про css
препроцессоры и ад с
верстой
Не открывает врата в АД

24.
pavelsilinw@gmail.com
@psilin
@pavelsilin
Спасибо
Павел