Shakshuka
Модератор
- 30.04.22
- 1.915
- 19.219
Другие курсы от автора:
[Udemy] Преобразование Дизайна Figma в Компоненты ReactJS с помощью Storybook (2021)
В этом курсе вы узнаете, как сложные и крупномасштабные системы проектирования можно преобразовать в полноценные компоненты ReactJS. На протяжении всего курса вы узнаете, как профессиональные технологические компании внедряют свои системы проектирования и как вы можете сделать то же самое. Следуя рекомендациям, система дизайна будет преобразована из Figma в изолированные компоненты с помощью Storybook.
В конце курса вы создадите полностью адаптивное приложение ReactJS с собственной библиотекой компонентов. Вы сможете преобразовать любую дизайн-систему в доступные и функциональные компоненты, строго соблюдая принципы дизайн-системы.
Подход обучения на практике в этом курсе ставит вас на место настоящего инженера-программиста. Начиная с относительно простых заданий, вы постепенно переходите к более сложным и полезным компонентам. При этом вы автоматически станете более комфортно преодолевать препятствия, как если бы вы работали в отрасли
В нашей дизайн-системе доступны следующие компоненты, которые будут реализованы в ходе видеоуроков:
TypeScript: Полностью типизированные компоненты
Все компоненты будут полностью типизированы, чтобы пользователи библиотеки не нарушали руководящие принципы дизайн-системы. Будут изучены наиболее важные функции TypeScript, такие как базовые типы, пользовательские типы, интерфейсы, дженерики и рекорд.
Сборка и потребление: Переход к производству
Библиотека компонентов будет оптимизирована для производства. Все компоненты будут сведены к минимуму до 360 КБ общего размера, поэтому при использовании компонентов в примере проекта страница будет загружаться невероятно быстро.
Материал на английском языке
Подробнее:
В этом курсе вы узнаете, как сложные и крупномасштабные системы проектирования можно преобразовать в полноценные компоненты ReactJS. На протяжении всего курса вы узнаете, как профессиональные технологические компании внедряют свои системы проектирования и как вы можете сделать то же самое. Следуя рекомендациям, система дизайна будет преобразована из Figma в изолированные компоненты с помощью Storybook.
В конце курса вы создадите полностью адаптивное приложение ReactJS с собственной библиотекой компонентов. Вы сможете преобразовать любую дизайн-систему в доступные и функциональные компоненты, строго соблюдая принципы дизайн-системы.
Подход обучения на практике в этом курсе ставит вас на место настоящего инженера-программиста. Начиная с относительно простых заданий, вы постепенно переходите к более сложным и полезным компонентам. При этом вы автоматически станете более комфортно преодолевать препятствия, как если бы вы работали в отрасли
В нашей дизайн-системе доступны следующие компоненты, которые будут реализованы в ходе видеоуроков:
- Типография
- Группа кнопок
- Разбитие на страницы
- Значок
- Кнопка
- Select
- Ввод текста
- Навигационная панель (содержит вспомогательную навигацию)
- MobileNavbar
- RentalCard
TypeScript: Полностью типизированные компоненты
Все компоненты будут полностью типизированы, чтобы пользователи библиотеки не нарушали руководящие принципы дизайн-системы. Будут изучены наиболее важные функции TypeScript, такие как базовые типы, пользовательские типы, интерфейсы, дженерики и рекорд.
Сборка и потребление: Переход к производству
Библиотека компонентов будет оптимизирована для производства. Все компоненты будут сведены к минимуму до 360 КБ общего размера, поэтому при использовании компонентов в примере проекта страница будет загружаться невероятно быстро.
Материал на английском языке
Подробнее:
Скачать:
Convert a Figma design to ReactJS components using Storybook
Learn to build a reusable, robust, animated and fully typed ReactJS component library based on a Figma design system.www.udemy.com
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
