React & Material UI #24: Snackbars + Snackbars & Redux
In this video we go over:
2:20 Basics of the snackbar component
- How does the MUI Snackbar code work
- The open state for MUI
- The 3 most important props (AutoHideDuration, Open, onClose)
4:20 Different types of snackbars
- The warning, error, success, and info snackbars
- How Material UI Alerts work
6:58 Why you need redux for Snackbars
- How a real application would work with snackbars
- The reason keeping the state in snackbar doesn't scale
7:55 How redux works here
- We're using the ducks method
- how the structure works in this code sandbox example
- How the Snackbar reducer duck looks like
11:17 Our wrapper around Material UI's Snackbar
- How it interacts with the redux store
- Any needed styles
- How to change the color, text, and open it
14:25 Adding our snackbar to pages
- Adding a button and redux to each page we need it in
- Calling the setSnackbar reducer action
- Specifying what parameters to pass in
CodeSandbox: https://codesandbox.io/s/distracted-gauss-thc9b
Snackbar Docs: https://material-ui.com/components/snackbars/
How Ducks work: https://www.youtube.com/watch?v=fn9Y76Naw_U
Redux Ducks documentation: https://github.com/erikras/ducks-modular-redux
The Forge Coding Tutorials...http://theforge.ca
Follow me on Social Media:
https://www.linkedin.com/in/asistilli/
https://www.tiktok.com/@anthonysistilli
https://www.instagram.com/asistilli/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React & Material UI #24: Snackbars + Snackbars & Redux», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.