Библиотека компонентов Ant Design. Быстрый старт

[@rkkon4279]

Спасибо. Очень помогло, чтобы разобраться в библиотеке! Смотрю вас периодический и курсы проходил.

[@denideni2633]

Очень понравился ваш курс по реакт с Udemy. Сам я обычно смотрю владелинв минина, но когда посмотрел ваш курс, то там никакой минин рядом с вами не стоял)) очень доходчиво объясняете

[@mishanep]

Спасибо за тёплые слова!

[@wannabecoder3960]

Вышел на работу. Библиотека используется на проекте. ролик помог разобраться. спасибо!

[@АлександрРетунский-р4ь]

Мужик сказал - мужик сделал !!! Спасибо огромное ))

[@factgid]

Большое спасибо за уроки, они очень полезные

[@yaroslavzef7267]

Спасибо Михаил. Полезный обзор

[@brodyagaPATY]

Классно было бы если бы написали небольшое приложение с этой библиотечкой))))☺️

[@XYPM4]

Отличное видео. Жаль что так мало разобрали. Мне как раз нужен ant design

[@ahliddinmazbutov2245]

Очень хорошо спасибо

[@_Yar_]

Спасибо за урок! Очень круто! 👍

[@brodyagaPATY]

Спасибо за видео!!! Сейчас приложение разрабатываю, теперь знаю какую ui библиотеку возьму👍

[@frednoby8531]

Огонь! Так держать!

[@dinmukhamedamirov2704]

Спасибо большое!

[@magacode]

Спасибо большое! Отличное объяснение!

[@АлексейСтепанов-к9о]

Михаил, спасибо за видео. Было очень полезно.

[@dellopp130]

Добрый вечер Михаил. Спасибо большое за данное видео, как раз стажируюсь в компании и закрепили меня за новым проектом где используется данная либа. Раньше с ней не работал в доке часто неочевидно описано и приходится просто методом тыка приходить к результату. Если возможно, сделайте такое же подробное видео по работе с формами, в частности все варианты работы с данными, когда кнопки сабмита в футере модалки, работа с form из useForm, начальными состояниями элементов формы (когда они динамичны) и всё остальное чем вы можете поделиться. Ещё раз спасибо, подписываюсь и буду следить за вашими разборами и уроками по antd 👍

[@ОлегФаренгов]

Поддерживаю, по формам бы подробный разбор, пожалуйста пожалуйста!

[@Al4ii]

Спасибо!

[@zatochiSiberian]

Отличное видео, спасибо!

[@yakut54]

спасибо за науку!

[@emporteme]

круто

[@Ruslan_boxeo]

Отличное видео, спасибо

[@STELLS541]

Ролик просто шикарный. Вот решил для себя поизучать готовые ui-библиотеки для каких-то пет-проектов или вроде того, пока впечатления довольно положительные. Правда не оч понравилось то, что вроде как передавать свои стили в компоненты надо не через классы, а через style, ибо через классы часть стилей затирает.

[@SerhiiNesterov]

Спасибо

[@АндрейФ-т2ж]

Огромне спасибо! Очень помогло разобраться! Хотелось бы ещё узнать, как сделать пагинацию не на статичном наборе входных данных, а чтобы при переходе на страницу данные подгружались с бэка. Буду благодарен если подскажите куда копать ;) Ещё раз ОГРОМНОЕ спасибо! Все видео, что Вы сделали просто супер! Особенно зашёл курс по Reac Router v6, я сейчас разрабатываю свой проект применяя знания по фронту исключительно из Ваших видео, т.к. я бэкендер и не владею фронтом вообще, но с Вашими видео получается делать SPA проект с нуля. Огромне спасибо и буду благодарен если дадите подсказку на вопрос выше!

[@mishanep]

У меня есть на канале было видео про пагинацию. Там используется другая библиотека, но может с точки зрения получения данных будет то, что нужно.

[@ВикторияИльина-н7о]

Спасибо!)

[@evgeniyn1542]

Спасибо за видео! Кто следующий, material ui ? :)

[@mishanep]

Может быть. Пока не знаю. Material UI мне не нравится =) По мне, так он сильно устарел и заметно уступает чакре и анту, как по удобству использования, так и используемым подходам.

[@zhanbolatsatybaldinov7642]

Спасибо за материал. Возникло несколько вопросов, буду благодарен если ответите: 1. Как работает таблица если данных много? 2. Можно ли сортировку/фильтрацию настроить для всех данных, а не текущих из выбранной страницы пагинации? 3. Можно ли прикрутить инпут для фильтрации по тексту по колонке в таблице?

[@mishanep]

Приветствую! Если данных много, то здесь уже вопрос взаимодействия фронта и бэкенда. Чаще всего в таких случаях фильтрация, сортировка и пагинация осуществляется уже через соответствующие запросы к бэкенду. Если же данные целиком загружены, то сортировка/фильтрация будет сразу для всех данных без доп.запросов к серверу. Фильтрацию, конечно, же прикрутить можно. В любой фильтрации уже идет вопрос по каким полям будет идти сравнение. Опять же, если данных много, то имеет смысл решать через запросы к бэкенду.

[@viacheslavgurin9368]

🔥🔥🔥

[@Ksushapi]

Спасибо за видео, очень понятно и без воды. Я правильно понимаю, что можно комбинировать ant с tailwind css, добавляя на компоненты анта, вместо обычных css классов, классы тайлвинда , если мне нужна какая-то дополнительная стилизация?

[@factgid]

Напишите пожалуйста как применить фильтры к таблице, а именно изменит ширину столбца и высоту строки?Щаранее спасибо

[@МуратКошетеров]

полезный

[@nikomunikabelen8540]

Спасибо за урок! А где такой API с генерацией объектов с покемонами найти?)

[@mishanep]

pokeapi.co/

[@Nikitosss91]

Здравствуйте, Михаил. Можете сделать видео как сделать темы день/ночь ? С любым фреймворком,который выберете. Спасибо)

[@mishanep]

У меня есть обзор библиотеки компонентов Chakra UI. kzbin.info/www/bejne/Y3THo3t3ftKMnM0 Там из коробки идет удобная работа со светлой/темной темами. В видео частично эта тема затронута.

[@A.Floatrx]

рекомендую... либа толковая, юзаем в проде уже второй год...

[@ВладимирЛитовченко-ш3н]

Очень понравился курс, а если стили поменять, работа со стилями?

[@azizbekkomilov3589]

Спасибо за видео! Где можно исходники найти ?

[@Maximurz1k]

На практике фильтры по UX неоч, обычно хотят чтобы были видны выбранные значения хотя бы частично, так что такой вариант отпадает. А ведь еще есть автокомплиты, кастомные контролы

[@uzinfoweb]

best tutorial

[@ivangolubev7308]

А есть ли проблемы с адаптацией под мобильные версии у данной библиотеки(честно видео еще не смотрел, но у element ui под vue такие проблемы были)? И как смотрите на библиотеку PrimeReact, рассматривали её? Знаю, что библиотек много, но все же, а вдруг.

[@mishanep]

Про PrimeReact не слышал. Проблем с адаптивом у ant.d не было.

[@Mirk047]

А есть какие-то визуальные редакторы на базе этой или похожей библиотеки?

[@mishanep]

О каких визуальных редакторах идет речь? Что-то вроде онлайн-фотошопа?

[@Mirk047]

@ чтобы все эти компоненты можно было в визуальном редакторе добавлять, а потом компилировать в итоговый html.

[@hamedjafari2374]

Hello my friend. I had a question. Does the ant design chart in the bar chart also support drill down?

[@perstj5746]

May be

[@saltanatamangeldinova2692]

классное видео и полезное, где можно взять api покемонов ? искала у вас на гите, не нашла

[@mishanep]

Я уже не помню какое конкретно использовалось в видео, но гугл на запрос pokemon api сразу предлагает ссылку pokeapi.co/ Вероятно оно и было.

[@ПрилепскийРоман-и9т]

Здравствуйте, подскажите пожалуйста, если мне надо стилизовать по своему тот же Slider, то просто поверх переписываем стандартные стили ??? Или вот есть макет от дизайнера (орилинальный на ант не похож совсем), можно ли на компонетнах Ant сверстать все приложение ? или использовать только в крайних необходимостях некоторые компоненты, тот же слайдер.

[@mishanep]

Вы можете переопределить стили, либо извлечь стили самой библиотеки и напрямую задать свою тему. По вариагтам использования решается на конкретном проекте, для каких-то блоков вам библиотека может и не понадобиться.

[@dispeltr1183]

А про material-ui будет подобное видео?

[@mishanep]

Сообразим) по мне он несколько устарел, но раз вы уже не первый кто спрашивает, то поставлю в план.

[@maxgib2489]

Здравствуйте! Подскажите) я хочу сделать множественную загрузку с upload, с чего начать? Я добавил только то что загружается одна картинка и все, при загрузке второй она стирается

[@mishanep]

Как и во всех последующих случаях, начинать надо с изучения API конкретного компонента. Что он предлагает и как. В случае с файл-лоадеров нужно просто добавить булевый ключ multiple.

[@maxgib2489]

Спасибо, я решил это ещё в тот день! А ваш ответ увидел сейчас, спасибо вам за то что помогаете таким как я! Удачи всем! Не сдавайтесь в обучении!

[@kostasancez2358]

Лес обрабатывать))))

[@raybulworker6092]

сделай видео как это все кастомизировать через глобальную замену переменных , вот такова контента мало на ютубе , на русском так вообще нету инфы

[@MrGorbick]

Подскажите, как изменить значение брейкпоинтов. К примеру, md: '768px', на md: '772px'?

[@mishanep]

Это вопрос работы с темой. github.com/ant-design/ant-design/blob/master/components/style/themes/default.less#L285 По сути брейкпойнты хранятся в конкретных less переменных. Их можно переопределить.

[@MrGorbick]

@@mishanepА случайно видео не намечается по переопределению переменных, а то написано так, что не разобрать)

[@mishanep]

@@MrGorbick Не планировал =) Там основная сложность в том, что для работы с препроцессором less нужно настроить сборщик приложения (webpack). Если какой-то принципиальной задачи использовать именно ant.design нет, то можно взять chakra ui. Там вся темизация идет через обычный JS и ничего дополнительно для сборки перенастраивать не требуется.

[@Alex-hs8xj]

в AntDesin есть возможно сть вывести label над input?

[@mishanep]

Да, есть. Возможный вариант решения описан здесь github.com/ant-design/ant-design/issues/14063

[@Alex-hs8xj]

@@mishanep спасибо! в моем случае оказалось проще использовать лайбл формика

[@ДиванныйГитарист]

А я в точности все делаю, но не рисуется таблица. Все перепробовал

[@yakut54]

REACT NATIVE напомнило.

[@alexnikolaienko3478]

Привет, у меня возникла такая проблема, в ключе "address" у меня лежит объект, который сожержит нужный мне ключ с "city" . Уже голову сломал, как мне в dataIndex запихнуть ключ лежащий во вложенности?

[@mishanep]

А в чем конкретно сложность? Без контекста всё равно не понятна проблема.

[@alexnikolaienko3478]

@@mishanep разобрался. В моей структуре данных есть вложенность. country: [{"city": "New York", "street": "First ave."}, ....] Обращение сделал через ["country", "city"]

[@Vova-mq5wy]

почему так мало лайков ?)

[@YouriKulikov]

Можно продолжить

[@uncle-xxi]

про spin и rotate напутал я думаю.

[@argentmize]

Блин, я думал это по blazor гайд...

[@_kie]

Когда услышал, что эти ребята работают над АлиЭкспресс - вздрогнул. Али - это прямо пример, как не надо делать фронт :)

[@yokooomori2439]

ну ты крутой но не черта не понятно, не из за тебя а из за вообще всего как это сделано. почему нельзя просто сказать напиши красивый сайт как я хочу и он сам написался.... СЛОЖНААА всё это

[@mishanep]

Сегодня есть и такое v0.dev

[@yokooomori2439]

@@mishanep Огромное спасибо, это мне точно поможет!

[@alexandrsargsyan2202]

Спасибо большое! Отличное объяснение!