Курс по Ant Design. Урок #2
Продолжаем говорить о фреймворке (или библиотеке компонентов, называйте как хотите) - Ant Design.
СОДЕРЖАНИЕ:
00:00 Компонент Icon (SVG-иконки).
05:36 Компонент Typography (типографика, стилизация текста).
12:35 Пропс ellipsis для скрытия/раскрытия длинного текста.
19:05 Компонент Divider (разделитель).
19:55 Компонент Grid (сеточная система Ant Design). Компоненты Row, Col.
22:20 Пропс gutter (расстояние между ячейками).
24:26 Пропсы offset, push, pull.
26:03 Горизонтальное и вертикальное выравнивание в строках.
29:43 Детальный разбор примера со сладерами, регулирующими gutter.
37:03 Этот же пример, но в контексте TypeScript.
42:27 Хук useBreakpoint.
⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: makeweb.me/course-js-fullstac...
Телеграм для связи по курсу: @makewebchatme
🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).
💬 💬 💬
Присоединяйся к нашему Telegram-чату t.me/makewebme
Пікірлер: 12
спасибо за труд, продолжайте и не слушайте токсичных товарищей
Хороший курс. Отдельно спасибо за хорошее объяснение в отношении TS. + Подгадал мне гриды, которыми пользовался только когда учился... 2 года назад. Спасибо
Автор молодец, хорошо объясняет 👍
Спасибо за контент. Единственное хотелось бы демонстрацию изменения темы dark/light на тайп скрипте с кастомизацией, т.к примеров не нашел. Спасибо
@sscorpio2006
Жыл бұрын
и я хочу
⚛⚛⚛ Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me Детали тут: makeweb.me/course-js-fullstack-developer Телеграм для связи по курсу: @makewebchatme
по Typescript разъяснений побольше бы. Для понимания ui библиотеки первого видео достаточно.
Уже наверное поздно :) Но как можно использовать Typography Link вместе с кастомными компонентами (как Link из react router dom и Link из next js)
Привет✋👋 Пока для меня он не самый лучший Как добавить в компонент Mentions раскрытие списка кого тегнуть из стороннего элемента? Например я кликаю в другом компоненте кнопку тегнуть всех - Перевожу фокус в поле компонента Mentions - нативно вставляю в него @ - как активировать выпадающий список выбора в компоненте mentions, при программном добавлении @ в него?
@MakewebMeOfficial
2 жыл бұрын
А как ты вставляешь @ ? Каким способом? Накидай в codepen где-то, например код и покажи что делаешь. Можешь переместиться в ТГ-чатик, кстати, с этим вопросом.
Очень много мусорной инфы, как по мне. За каждый проп по каждому компоненту пояснять, как для грудничков, ну такое себе, учитывая что ts шаблон взял. И так же очевидно по названию, что каждый проп делает. А вот тему кастомизации компонентов и в целом, не раскрыл. Учитывая что ant на less, его довольно геморно использовать в проектах на sass
@MakewebMeOfficial
2 жыл бұрын
Курс рассчитан на освоение начинающих/слабых середнячков как в JS/React, так и в Typescript. Опытные ребята и так разберутся. Более сложные темы будут рассматриваться позднее. Кастомизацию анта стоит делать с помощью, например, Styled Components.