Курс по Ant Design. Урок #1

Данный курс подробно разбирает один из самых мощных и динамично развивающихся фреймворков в экосистеме 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 Заключение.

⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstac...
Телеграм для связи по курсу: @makewebchatme

🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).

💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme