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

Ты не представляешь, НАСКОЛЬКО я рад, когда собираюсь изучить что-то и у тебя есть по этому тутор!))))

Спасибо за вашу работу! Все очень круто подано) Приятно, когда по моим запросам появляются видео именно вашего производства)

Спасибо! Потрясающая подача! все доступным языком. Правильно, что сам код был готов и вы делали фокус лишь на MUI

Лучшая подача материала из всех что я видел. Спасибо вам, хоспаде!

Быстрый старт, название видео говорит само за себя, редко встретишь такие качественные видосы + с таким крутым практическим примером, спасибо!

Братан ты вабше чотка обесняеш спс.

Крутая подача материала, очень полезно для старта по Material UI

Очень классная подача материала, лайк + подписка

Михаил, очень понравилась подача материала. Я новичок в React и хотелось бы видео о построении логики в React , может новый синтаксис или базовые вещи. Уверен начинающим будет очень полезно. Спасибо за ваш труд !!!

Зачот: для новичков отличный вводный курс как работать с пропсами ,компонентами и их апи... Лайк и подписка.

Михаил, видео просто супер! Успехов!)

Советую приобрести курсы Михаила на юдеми , подача очень качественная и все понятно , начинал именно с них . И спасибо за material ui)

Спасибо за очень качественный материал. Очень сильно помог в освоении

Михаил, спасибо большое. Как раз то, что надо.

Михаил, спасибо! Емко, информативно.

Дуже добрий практичний гайдик для входу в тему, все як в назві) Дяка Вам)

Хорошее видео. Почерпал пару фишек для своего проекта. Да и в целом стало более понятно как работать с материалЮаЙ

Спасибо за Видео . Было бы здорово более продвинутый вариант , на подобе кастомных стилизаций , провайдеров тем

Спасибо за видео. Очень нужный контент.

Вау!!! Супер контент!!!! Рекомендую к просмотру!!!! Спасибо Михаил!!!

Огромное спасибо за видео !!!

Мне кажется вам следует вкладываться в развитие обучающих проектов , так как у вас хорошо это получается и в будущем возможно будет хорошая отдача , успехов !

material ui крутой инструмент, спасибо!

Очень классно, спасибо!

Спасибо за труд!

Инпутик уехал.. Боже мой, как мило)

Михаил, СУПЕР КОНТЕНТ!

спасибо большое, очень полезный урок, хочется еще))

Комментарий приемлемой длины в благодарность за видео

Круто! Спасибо за материал! Разберите еще кастомизацию компонентов с использованием классов, метода styled и т.п.

Спасибо, очень круто

ishe material ui, spasibo Mihail!

только только изучаю реакт, материал то что надо! спасибо! очень помогло!

Thank you dear. Perfectly!

Очень классно. Я всё понял.)

👍 Благодарю!

Super, thank you!

норм, все просто и понятно)

класс, спасибо

Какие плагины вы используете для vscode для базовой разметки?

Спасибо! Подскажите, каков ваш выбор между ant designe и material ui? Понимаю что зависит от проекта и прочих сопутствующих факторов, но все же, если говорить о золотой середине. По мне material ui уж очень напоминает bootstrap, посредственный дизайн

спасибо за очень понятное объяснение mui!

смотреть легко и просто. я пытаюсь гриды красивыми сделать!!! нифига!

Спасибо за урок, только хотел узнать все материалы которые мы будем исползовать они responsive или для этого нужно что-то дополнительное?

Михаил, подскажите. 1. Я создаю тему createTheme, Кидаю ее в провайдер. Компоненты ее используют. Но когда я во внутреннем компоненте использую useTheme , моя созданная тема слетает( 2. Зачем вообще useTheme ?

Thanx!

Почему когда я ставлю position static эппбару то но у меня становится посредине страницы и занимает не все пространство а только что нужно тексту, я хочу чтоб он статический был и не перекрывал контент

💪💪💪🔥🔥🔥🔥

Спасибо, очень круто! Что за плагин для автоимпортов?

29:28 drawer - это не рисовальщик, а дословно "выдвижной ящик" (по типу того что контент выдвигается как ящик из шкафа)

возможно у вас есть первый урок, где вы делаете приложение без MUI

Спасибо. А какой плагин у вас установлен чтоб сразу получать соответствующий импорт при написании названия компонента?

Класс! Давно хотел попробовать, но не решался - уж больно серьёзной она казалась из-за обилия компонентов. как вывод - понравилась очень. постараюсь поипользовать её при любой ближайшей возможности. Вам как всегда лайк, отлично говорите!) up: скопировал ваш репозиторий, но при npm install менеджер почему-то начал выдавать какие-то ошибки доступа с референсом на npm login. удалил package-lock, создал аккаунт на их сайте и ввел npm login с этим аккаунтом. повторил npm i и это решило проблему, пакеты установились, но появилась другая проблема - npm start стартует около минуты, и делает ребут страницы примерно столько же. поискал в интернетах, советуют удалить папку .cache из node_modules - не помогло. не знаю откуда это всё взялось. вчера клонировал ваш redux\toolkit и было всё отлично

а будет гайд про стилизацию material ui с styled-components ?

Все хорошо, но есть вопрос? ...когда я создаю компонент, есть ли разница в расширении JSX или JS?

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

Подскажите пожалуйста, как верстать макет на react + materialUI? мне нужно компонентам дописывать стили или как ?

Это все круто, но было бы еще лучше ,если бы свой дизайн, который нарисовал дизайнер, сверстать на материал ui... а так это все и в доке есть

не подскажите как называются плагины для быстрого заполнения и импорта?

У меня нету подсказок названий иконок(компонент) для импорта как у вас сдесь 11:42. Подскажите кто-то плиз как сделать так, чтобы эти подсказки были??? Это разширение какое-то или как Спасибо за полезный контент!

Михаил, а как называется расширение для автоимпорта?

а как стилизовать hover например по своему?

Добрый день. Когда пытаюсь установить зависимости, то появляется ошибка E401. Подскажите, пожалуйста, как ее исправить?

Error: Invalid hook call. Всё перепробовал(Обновлял модули, брал код с самого сайта, делал на классах, функциях и стрелочных функциях), ничего не помогает(

Только у меня при развертывании стартового проекта ошибка code E401 Unable to authenticate, your authentication token seems to be invalid. npm ERR! To correct this please trying logging in again with: npm ERR! npm login ???

Скажите, а как установить нод модули на скачанный проект?

Хоть и прошло много времени. Все равно спрошу, где ссылка на гит?

Работает только с реактом?

Хорошо получается объяснять. Может вам на Ютуб зайти) И курсы создать)

Ахуенно распетлял, респект, вторая часть будет?

10:38 Что это за плагин?

мне, честно говоря мне, скорее всего, не хватает опыта, но использование material ui с typescript, тот ещё мазохизм )

КАЕФ

тебе ок на белой теме?)

Ну я так понял для бэкендера по-быстрому и по-легкому накидать фронт для проекта на material ui не представляется возможным, нужно еще реакт выучить

чёткий мужик

Хотел закрыть видос, но этот голос ска.. из-за него остался, збс

flexGrow сокращение имеет. Но не в Материале. А в CSS. свойство flex: 1 == flexGrow: 1. СОветую подробнее почитать на МДН

мс

Худшего видео чем ваше я не видел. Как вы из пустой директории получили уже готовый проект с файлами и директориями? Перелетели магией? Совершенно не понятно как генерировать проект mui.

Не умею писать красиво, но каждый просмотренный урок от Михаила для меня-новичка - как свежий глоток воздуха)) Решил разобраться в issue от Михаила по поводу нежелаемого закрытия снэкбара при нажатии в карточке товара на кнопку ‘Купить’. У компонента Snackbar есть пропс “key” и если его заполнить какой-то уникальной фигней, связанной с добавлением товара в корзину, то мы полностью исправляем ситуацию и добиваемся желаемого эффекта. Чем заполнил я: создал в компоненте App реф, который изменяю каждый раз при добавлении товара в корзину: +import { …, useRef } from 'react'; … const App = () => { … + const snackbarKeyRef = useRef(0); … const addToOrder = (goodsItem) => { … + snackbarKeyRef.current = snackbarKeyRef.current + 1 }; … return ( ... … ) … } … Или можно в этот реф ложить наименование товара (в ф-ии addToOrder) и с помощью интерполяции в пропсе message к-та Snackbar выводить сообщение какой именно товар добавлен в корзину

Когда ввожу npm i для установки зависимостей выдаёт npm ERR! code E401 npm ERR! Unable to authenticate, your authentication token seems to be invalid, как то так

Крутой урок! Вопрос - зачем прописывать Function.prototype по умолчанию в props? Только во избежание ошибки "is not a function"? Или ещё какой-тот смысл есть в этом?

смотреть легко и просто. я пытаюсь гриды красивыми сделать!!! нифига!