Курс React и Redux Toolkit. 04. Подключение Material-UI и создание UI-Kit

Опубликовано: 05 Октябрь 2024
на канале: Let's Code
1,333
46

🔥 Ссылка на ветку текущего урока
› https://github.com/letscode-dev/react...

⭐️ Ссылка на проект
› https://letscode-dev.github.io/react-...

⭐️ Ссылка на репозиторий проекта
› https://github.com/letscode-dev/react...

⭐️ Ссылка на курс
›    • Курс React и Redux Toolkit (практика)  

⭐️ Используемые ресурсы
› https://mui.com/ Material-UI
› https://mui.com/material-ui/getting-s... Material-UI. Installation
› https://mui.com/material-ui/material-... Material-UI. Material Icons
› https://mui.com/material-ui/guides/in... Material-UI. CSS injection order
› https://codesandbox.io/s/material-ui-... CodeSandbox с примерами стилизации
› https://loading.io/ SVG лоадеры

🚀 Таймкоды
00:00 - Вступление
00:30 - Подключение Material-UI
03:07 - Ui-Kit Button
10:30 - CSS injection order
11:36 - Варианты стилизации компонентов Material-UI
15:18 - Ui-Kit Button, classnames
20:15 - Иконки для кнопок
26:25 - Задание index.css
27:57 - Ui-Kit Button, стилизация
32:00 - Ui-Kit TypographyHeader
41:07 - Ui-Kit TypographyText
45:41 - Компонент Modal
59:59 - Компонент Playground
1:04:20 - Компонент Score
1:10:00 - Компонент KeyPressed
1:14:00 - Компонент RandomKeys
1:24:23 - SVG loader
1:28:07 - Добавление favicon
1:29:35 - Заключение