Администрирование [newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System

[Финансист]

[newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System

[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.

Этот курс призван стать всеобъемлющим руководством или поваренной книгой по созданию полной системы дизайна компании с нуля. К концу курса у вас будут знания и навыки для создания практичной и удобной в сопровождении дизайн-системы для любой организации.

Материал на английском языке

Подробнее:

Для просмотра ссылок пройдите регистрацию

Скачать курс - [newline] Создайте полноценную дизайн-систему компании Build a Complete Company Design System