Курс по React-фреймворку Ant Design. Урок #1

50 Просмотры

Спасибо! Поделитесь с друзьями!

Вам не понравилось видео. Спасибо за то что поделились своим мнением!

Издатель Jul 28, 2021

Данный курс подробно разбирает один из самых мощных и динамично развивающихся фреймворков в экосистеме React. В нём есть практически все, что может понадобиться при создании современных веб-интерфейсов. Ввиду популярности TypeScript, в рамках этого курса мы изучаем и то, как использовать Ant Design с типами. В частности, новичков часто вводит ступор непонимание того, как подбирать типы для тех или иных ситуаций.

СОДЕРЖАНИЕ:
00:00 Вступление про Ant Design и про этот курс. Про TypeScript в курсе.
04:44 Создаем TypeScript-проект на Create React App для экспериментов с фреймворком.
07:43 Общая структура всех страниц документации по каждому компоненту.
10:51 Разбор компонента Button. Плагин Stylish.
11:34 Button: пропсы type и icon
13:33 Button: пропс size. Разбираем пример динамического изменения размера кнопок.
15:06 Решаем вопрос с TS-типизацией - как искать типы?
23:13 Проверяем работу примера. Подтягиваем общие стили Ant Design.
24:18 Button: пропсы disabled, loading и ghost.
30:07 Button: пример с выпадающим меню и группой кнопок.
31:24 Разбор Multiple Buttons в контексте TypeScript. Тянем типы из внешней библиотеки rc-menu.
36:02 Немного чистим наш проект. Button: пропсы danger и block.
36:59 Разбор оставшихся свойств из таблицы API (href, htmlType, shape и target).
39:05 Заключение.