РИТ++ 2017, Frontend Сonf Зал Мумбаи, 5 июня, 10:00 Тезисы: http://frontendconf.ru/2017/abstracts/2574.html 1) Использование принципов SOLID для react-компонентов. 2) Использование stroybook для разработки react-компонентов. 3) Как мы бьем приложение на react-компоненты. 4) Тупые и умные react-компоненты. 5) React-компоненты и стили/

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

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

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

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

5. Roistat

6. DEVIM

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

8. Регрессии

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

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

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

14. Open / Close
O

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

17. Interface
segregation
WTF!?
I

19. DDependency inversion

20. Header

30. Верстка

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

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

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

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

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

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

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