Документ описывает концепцию библиотеки компонентов для фронтенд-разработки, представленную Робертом Харитоновым. Он обсуждает выбор технологий, инструментов и ключевых характеристик идеального компонента, таких как инкапсуляция и легкость установки. Также упоминаются инструменты для разработки, включая react-styleguidist и react-storybook.

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
Спасибо!