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

Поділитися
Вставка
  • Опубліковано 26 вер 2024

КОМЕНТАРІ • 77

  • @denideni2633
    @denideni2633 3 роки тому +26

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

    • @mishanep
      @mishanep  3 роки тому +4

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

  • @wannabecoder3960
    @wannabecoder3960 10 місяців тому +1

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

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

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

  • @factgid
    @factgid 7 місяців тому

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

  • @brodyagaPATY
    @brodyagaPATY 3 роки тому +8

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

  • @yaroslavzef7267
    @yaroslavzef7267 6 місяців тому

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

  • @XYPM4
    @XYPM4 3 роки тому +2

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

  • @brodyagaPATY
    @brodyagaPATY 3 роки тому +1

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

  • @ahliddinmazbutov2245
    @ahliddinmazbutov2245 2 роки тому +1

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

  • @_Yar_
    @_Yar_ Рік тому

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

  • @dellopp130
    @dellopp130 3 роки тому +8

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

    • @ОлегФаренгов
      @ОлегФаренгов 3 роки тому +2

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

  • @alexandrsargsyan2202
    @alexandrsargsyan2202 2 роки тому

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

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

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

  • @frednoby8531
    @frednoby8531 2 роки тому

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

  • @dinmukhamedamirov2704
    @dinmukhamedamirov2704 Рік тому

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

  • @zatochiSiberian
    @zatochiSiberian 2 роки тому

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

  • @STELLS541
    @STELLS541 11 місяців тому

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

  • @yakut54
    @yakut54 3 роки тому

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

  • @Al4ii
    @Al4ii 3 роки тому +1

    Спасибо!

  • @evgeniyn1542
    @evgeniyn1542 3 роки тому +1

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

    • @mishanep
      @mishanep  3 роки тому +2

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

  • @SerhiiNesterov
    @SerhiiNesterov 2 роки тому

    Спасибо

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

    Спасибо!)

  • @AndrewFloatrx
    @AndrewFloatrx 2 роки тому

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

  • @Nikitosss91
    @Nikitosss91 3 роки тому +3

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

    • @mishanep
      @mishanep  3 роки тому

      У меня есть обзор библиотеки компонентов Chakra UI.
      ua-cam.com/video/-CdrHAImYfk/v-deo.html
      Там из коробки идет удобная работа со светлой/темной темами. В видео частично эта тема затронута.

  • @viacheslavgurin9368
    @viacheslavgurin9368 2 роки тому

    🔥🔥🔥

  • @zhanbolatsatybaldinov7642
    @zhanbolatsatybaldinov7642 3 роки тому

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

    • @mishanep
      @mishanep  3 роки тому

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

  • @factgid
    @factgid 7 місяців тому

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

  • @uzinfoweb
    @uzinfoweb 2 роки тому

    best tutorial

  • @МуратКошетеров
    @МуратКошетеров 8 місяців тому

    полезный

  • @yakut54
    @yakut54 3 роки тому

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

  • @Ksushapi
    @Ksushapi Рік тому

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

  • @Maximurz1k
    @Maximurz1k Рік тому

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

  • @nikomunikabelen8540
    @nikomunikabelen8540 Рік тому +1

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

  • @raybulworker6092
    @raybulworker6092 3 роки тому +1

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

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

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

  • @azizbekkomilov3589
    @azizbekkomilov3589 2 роки тому

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

  • @uncle-xxi
    @uncle-xxi 3 роки тому +1

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

  • @kostasancez2358
    @kostasancez2358 3 роки тому

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

  • @argentmize
    @argentmize 10 місяців тому

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

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

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

  • @Vova-mq5wy
    @Vova-mq5wy 2 роки тому

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

  • @YouriKulikov
    @YouriKulikov 3 роки тому

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

  • @saltanatamangeldinova2692
    @saltanatamangeldinova2692 2 роки тому

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

    • @mishanep
      @mishanep  2 роки тому

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

  • @hamedjafari2374
    @hamedjafari2374 2 роки тому

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

  • @ivangolubev7308
    @ivangolubev7308 Рік тому

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

    • @mishanep
      @mishanep  Рік тому

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

  • @Alex-hs8xj
    @Alex-hs8xj 3 роки тому

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

    • @mishanep
      @mishanep  3 роки тому +1

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

    • @Alex-hs8xj
      @Alex-hs8xj 3 роки тому

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

  • @MrGorbick
    @MrGorbick 3 роки тому

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

    • @mishanep
      @mishanep  3 роки тому

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

    • @MrGorbick
      @MrGorbick 3 роки тому +1

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

    • @mishanep
      @mishanep  3 роки тому +1

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

  • @alexnikolaienko3478
    @alexnikolaienko3478 2 роки тому

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

    • @mishanep
      @mishanep  2 роки тому

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

    • @alexnikolaienko3478
      @alexnikolaienko3478 2 роки тому

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

  • @magacode
    @magacode 2 роки тому

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

  • @maxgib2489
    @maxgib2489 2 роки тому

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

    • @mishanep
      @mishanep  2 роки тому +2

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

    • @maxgib2489
      @maxgib2489 2 роки тому

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

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

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

    • @mishanep
      @mishanep  2 роки тому +1

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

  • @_kie
    @_kie 3 роки тому

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

  • @yokooomori2439
    @yokooomori2439 4 місяці тому

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

    • @mishanep
      @mishanep  4 місяці тому +1

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

    • @yokooomori2439
      @yokooomori2439 4 місяці тому

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

  • @Ruslan_boxeo
    @Ruslan_boxeo 3 роки тому

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

  • @dispeltr1183
    @dispeltr1183 3 роки тому

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

    • @mishanep
      @mishanep  3 роки тому +2

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