Курс по React-фреймворку 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 Заключение.

🛍 🛍 🛍
Получи скидку 5% на первую оплату хостинга/домена в Reg.ru, используя промо-код:
948E-53B9-CF98-8204
Он вводится во время оплаты услуги.
Не забывай - ты не только получаешь скидку, но и поддерживаешь проект!

💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme
Если не работает, то http://makeweb.me/telegram-mw-1 или http://makeweb.me/telegram-mw-2
Или по имени чата в поиске - @makewebme

Видео Курс по React-фреймворку Ant Design. Урок #1 канала MakeWeb.me