СливМен
Редактор
СливМен
Редактор
- Status
- Offline
- Регистрация
- 18.01.23
- Сообщения
- 8,924
- Реакции
- 1,390
Последние темы автора:
[newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System
![Изображение [newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System в посте 299538](https://slivtop.com/attachments/1672043330583-png.60043/ "Картинка [newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System в посте 299538")
Этот курс представляет собой исчерпывающее руководство по публикации вашей первой библиотеки компонентов и ресурсов дизайна с использованием React, TypeScript, Storybook, Tailwind CSS и Styled Dictionary. Вы создадите гибкую библиотеку дизайн-системы корпоративного уровня, которая действительно понравится вашим коллегам.
В этом курсе мы погрузимся в мир дизайн-систем. Мы узнаем, как они могут помочь разработчикам повысить свою производительность, обеспечить согласованность продуктов компании и, в конечном счете, ускорить процесс разработки.
Мы начнем с рассмотрения фундаментальных концепций систем проектирования, а затем перейдем к архитектуре кодовой базы монорепозитория. Мы настроим общие конфигурации для TypeScript, ESLint и Prettier, а также создадим базовый пакет для размещения и распространения токенов и ресурсов дизайна.
Далее мы создадим пакет React с демонстрационными компонентами, стилизованными с использованием токенов стиля нашей системы дизайна. Мы также создадим пакет Storybook и изучим лучшие практики разработки и документирования компонентов с помощью TypeScript. Мы сосредоточимся на стилизации наших компонентов двумя способами: с помощью CSS-in-JS со стилизованными компонентами и токенами дизайна JavaScript, а также с помощью классов CSS Tailwind.
Наконец, мы узнаем, как создавать тесты для наших компонентов React с помощью React Testing Library и AXE, а также управлять выпусками с помощью наборов изменений и настраивать конвейер CI с помощью GitHub Actions.
Этот курс призван стать всеобъемлющим руководством или поваренной книгой по созданию полной системы дизайна компании с нуля. К концу курса у вас будут знания и навыки для создания практичной и удобной в сопровождении дизайн-системы для любой организации.
Материал на английском языке
Подробнее:
[newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System - Описание курса
Этот курс представляет собой исчерпывающее руководство по публикации вашей первой библиотеки компонентов и ресурсов дизайна с использованием React, TypeScript, Storybook, Tailwind CSS и Styled Dictionary. Вы создадите гибкую библиотеку дизайн-системы корпоративного уровня, которая действительно понравится вашим коллегам.
В этом курсе мы погрузимся в мир дизайн-систем. Мы узнаем, как они могут помочь разработчикам повысить свою производительность, обеспечить согласованность продуктов компании и, в конечном счете, ускорить процесс разработки.
Мы начнем с рассмотрения фундаментальных концепций систем проектирования, а затем перейдем к архитектуре кодовой базы монорепозитория. Мы настроим общие конфигурации для TypeScript, ESLint и Prettier, а также создадим базовый пакет для размещения и распространения токенов и ресурсов дизайна.
Далее мы создадим пакет React с демонстрационными компонентами, стилизованными с использованием токенов стиля нашей системы дизайна. Мы также создадим пакет Storybook и изучим лучшие практики разработки и документирования компонентов с помощью TypeScript. Мы сосредоточимся на стилизации наших компонентов двумя способами: с помощью CSS-in-JS со стилизованными компонентами и токенами дизайна JavaScript, а также с помощью классов CSS Tailwind.
Наконец, мы узнаем, как создавать тесты для наших компонентов React с помощью React Testing Library и AXE, а также управлять выпусками с помощью наборов изменений и настраивать конвейер CI с помощью GitHub Actions.
Этот курс призван стать всеобъемлющим руководством или поваренной книгой по созданию полной системы дизайна компании с нуля. К концу курса у вас будут знания и навыки для создания практичной и удобной в сопровождении дизайн-системы для любой организации.
Материал на английском языке
Подробнее:
www.newline.co
Скачать курс - [newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System
Вы должны Войти на форум чтобы увидеть контент.
