Библиотеки UI компонентов: от хаоса к гармонии | Ольга Федосеева | AzovDevMeetup 2018

Работая над несколькими похожими бизнес-приложениями, мы создали библиотеку UI компонентов. В своём докладе я поделюсь опытом создания, развития и поддержки этой библиотеки:

• Итерация 1: создание UI kit, написание стилей и создание компонентов под AngularJS.
• Итерация 2: создание библиотеки компонентов под Angular5(6). Попытки стандартизировать не только внешний вид, но и поведение отдельных элементов.
• Перспективы развития библиотеки.

Transcript

1. 2018 2018 Библиотеки UI компонентов: от хаоса к гармонии Ольга Федосеева, Front-end developer, Arcadia
2. 2018 О себе • Более 10 лет коммерческой разработки • Full stack разработчик • Последние 3 года front end разработка • .Net, Angular JS, Angular (6)
3. 2018 HRM Suite • Заказчик — шведская компания Aditro • Большое приложение-конструктор состоящий из отдельных модулей, лидер скандинавского рынка в нише HR решений • Интернациональные команды • .Net, Angular JS, Angular 6
4. 2018 Почему от хаоса к гармонии This Photo by Unknown Author is licensed under CC BY-SA
5. 2018 Предпосылки для создания общей UI библиотеки
6. 2018 С чего мы начали ...
7. 2018 Разработка дизайнерского UI kit
8. 2018 Фиксирование фреймворков и их версий
9. 2018 Создание сайта
10. 2018 NuGet пакеты • Пакет со стилями .less исходники и результирующий .css • Пакет с Angular JS директивами
11. 2018 Проблемы интеграции
12. 2018 Swat team — Dream team
13. 2018 Что у нас получилось
14. 2018 Что у нас получилось
15. 2018 Что у нас получилось
16. 2018 HRM Suite
17. 2018 Что же дальше?
18. 2018 Переход к компонентам
19. 2018 Что нам было нужно: • Поддержка людей, принимающих решения • Проектирование • Понимание ролей • Решение проблем с коммуникацией между командами
20. 2018 2018 Всем спасибо! olga.fedoseeva@softwarecountry.ru