React с Нуля 11: Верстка с Ant Design? Что такое Ant Design?
Изучим что такое Ant Design, и продолжим верстать с Ant Design следующий раздел
🧙♂️ плейлист "React ПОЛНОЕ погружение": • React: ПОЛНОЕ Погружение (От Новичка до Пр...
Ищете мощный UI-фреймворк для React? Этот курс - ваш лучший выбор! Мы подробно изучаем Ant Design, один из самых динамично развивающихся фреймворков в экосистеме React, предоставляющий все необходимое для создания современных веб-интерфейсов.
В этом видео я покажу вам, как легко и быстро реализовать авторизацию (Authorization) и регистрацию (Registration) на React с помощью инструмента под названием Ant Design (Antd)! Мы установим данную библиотеку, рассмотрим её документацию и сотворим чудо добавляя кнопки и поля. В ходе создания я покажу как использовать документацию.
Что вы узнаете в этом видео (Спойлер: Будет Круто!):
✅ Ant Design - Легкий Старт: Простая и быстрая настройка Ant Design в вашем React проекте (даже если ты новичок!).
✅ Формы, Которые Очаровывают: Создаем стильные и удобные формы авторизации и регистрации, используя мощный компонент Form от Antd.
✅ UI/UX - Красота в Деталях: Используем компоненты Input, Button, и другие “фишки” Antd, чтобы создать интерфейс, который будет нравиться вашим пользователям.
✅ React Auth - Полный Контроль: Внедрим функциональность авторизации в ваши проекты.
🎁 Супер-Бонус! Заберите готовый код примера и внедрите авторизацию в свой проект прямо сейчас: https://github.com/MrAlexandder/React...
Не забудьте сделать 3 волшебные вещи:
👍 Поставить лайк этому видео, если оно было полезным и интересным!
🔔 Подписаться на канал, чтобы не пропустить новые уроки по React, Ant Design и веб-разработке!
💬 Написать в комментариях, какие темы вы хотели бы видеть в следующих видео. Ваше мнение важно для меня!
00:00 что такое ant design и зачем он нам нужен
01:41 установка antd
03:25 создание основного компонента авторизации
07:25 разбиваем основной компонент на две формы авторизация и регистрация
09:23 как пользоваться документацией antd
11:40 создаём компонент Button и Input используя antd со своими стилями
18:40 используем form для формы авторизации
30:08 компонент регистрация
33:05 блок для скрытия формы
36:35 добавляем анимацию для блока
41:05 что делает метод onFinish и onFinishFailed в компоненте Form
42:34 наставление