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

чёткий мужик

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

Не умею писать красиво, но каждый просмотренный урок от Михаила для меня-новичка – как свежий глоток воздуха))

Решил разобраться в issue от Михаила по поводу нежелаемого закрытия снэкбара при нажатии в карточке товара на кнопку ‘Купить’. У компонента Snackbar есть пропс “key” и если его заполнить какой-то уникальной фигней, связанной с добавлением товара в корзину, то мы полностью исправляем ситуацию и добиваемся желаемого эффекта.

Чем заполнил я: создал в компоненте App реф, который изменяю каждый раз при добавлении товара в корзину:

+import { …, useRef } from 'react';
…
const App = () => {
…
+ const snackbarKeyRef = useRef(0);
…
const addToOrder = (goodsItem) => {
…
+ snackbarKeyRef.current = snackbarKeyRef.current + 1
};
…
return (
...
<Snackbar
+key={ snackbarKeyRef.current }
…
/>
…
)
…
}
…

Или можно в этот реф ложить наименование товара (в ф-ии addToOrder) и с помощью интерполяции в пропсе message к-та Snackbar выводить сообщение какой именно товар добавлен в корзину

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

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

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

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

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

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

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

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

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

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

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

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

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

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

КАЕФ

Только у меня при развертывании стартового проекта ошибка 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
???

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

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

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

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

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

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

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

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

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

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

Thanx!

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

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

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

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

Thank you dear. Perfectly!

мс

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

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

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

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

Super, thank you!

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

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

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

Как в данной библиотеке в 22году привести инпуты к человеческому виду?)) small 40рх в высоту смотрится топорно очень

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

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

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

👍 Благодарю!