Уже много лет все говорят о компонентном вебе и мире, где новые интерфейсы строятся из готовых блоков на раз-два, но чего мы в итоге достигли? Пока БЭМ, Polymer, Angular и создатели других технологий ищут лучшие пути организации клиентского кода, создавая сложные абстракции, сообщество React уже давно наслаждается отличными и простыми инструментами для работы с UI компонентами. В рамках доклада Роберт поделится опытом мирового React-сообщества в создании удобных и простых в обращении библиотек UI компонентов. Вы научитесь: - Разрабатывать компоненты таким образом, что их можно будет легко интегрировать в любые проекты. - Создавать удобную, изолированную среду для разработки UI компонентов. - Делиться описанием всевозможных состояний имплементаций компонентов с командой разработчиков и дизайнеров.

1. БИБЛИОТЕКА UI
КОМПОНЕНТОВ
о которой вы всегда
мечтали
Роберт Харитонов
@operatino & rhr.me

2. Front-end Development Lead
Liberty Global / Ziggo
Роберт Харитонов @operatino

7. SourceJS
The Living Style Guide Platform

8. @operatino
Предыдущие доклады
• http://bit.ly/building-react-library
• http://bit.ly/the-style-guide-platform
• http://bit.ly/style-guide-tools-overview
• http://bit.ly/documenting-the-markup

9. Начнем наш
КВЕСТ
• Выбираем технологии
• Выбираем инструменты
• Разрабатываем

10. @operatino
Технологии

14. @operatino
1816 компонентов 2288 компонентов
http://react-components.comhttp://ngmodules.org

15. @operatino

16. @operatino
Хороший компонент должен
• Быть полностью инкапсулированным
• Хорошо расширяться
• Легко устанавливаться

20. @operatino
Инструменты

21. react-styleguidist

24. react-storybook

26. @operatino
Разрабатываем

27. Начинаем с малого

29. Добавим стилей

32. Добавим propTypes

36. @operatino
Рабочая станция

46. Роберт Харитонов
@operatino & rhr.me
Спасибо!