React & Material UI #24: Snackbars + Snackbars & Redux

[@LearnwithShifut]

Best material UI tutorial I've ever seen

[@Daniel-bu3uh]

Amazing teaching Anthony, it is great that you explain each component but also talk about best practices in real applications, so we know how the component should be used correctly. Great video, keep that on!!!

[@chrisjasonmcqueen]

This has been a lifesaver video. I really appreciate you showing us how to do it in big applications! Heading over to your redux video now for context :)

[@RaphaelBOhlsen]

I have a question: In file 'redux/ducks/snackbar.js' why you declared with: "teamly/settings/SET_SNACKBAR" export const SET_SNACKBAR = "teamly/settings/SET_SNACKBAR"; Thanks!

[@RakeshKumar-zj4hu]

So I don’t have to mount the component anywhere? It just picks up using the dispatch action?

[@andreasfinke1801]

Thanks for this Anthony. I will try the same thing with the React Context API to see the difference in implementation.

[@jampanisaisriharshavardhan5137]

Hi, I have a situation in using snackbar. I have multiple snackbars and I set the maxSnack={1}, which makes the snackbars to appear one after another immediately. But, my is, a . Can you please provide me a solution for my requirement.

[@hardikchawla4966]

That was slick now i can use snack back anywhere in my application .Thanks !

[@akshadagrawal2555]

can you make a video on using calendars

[@joaquingallo4902]

every time the snackbar change state, it rerender all children of App.js?

[@arie7135]

Hi Anthony, thanks again. I would like to know how to customize SpeeDial component.. Since it seems not to work by me

[@berest9154]

Snackbar toggles findDOMNode under React.StrictMode. What would you suggest to fix it?

[@pannihto7588]

Thanks for the great tutorial as always. I'd also love to see how that works with async calls. For instance, show snackbar on successful password change

[@OlehBiblyi]

Great tutorials, I did learn a lot of interesting things here, thank you!

[@Fieldsplanet]

Thank you so much for the tutorial. It really helps.

[@laszlonagy153]

Thanks for all the good work mate.

[@ryangotesman1020]

Pretty cool video! The snackbar is open

[@chrisjasonmcqueen]

Hi again. I just implemented the code and it works beautifully. The only thing that doesn't change when applying different severity of the snackbar (warning, error, info...) is the icon. Any ideas on how to fix this? All the best, Chris

[@alvinkariuki236]

Thanks, this was really insightful stuff

[@AbhishekKumar-li8zf]

you are really doing good work bhai

[@abhishekaryan7575]

Sir, your videos helped me alot. Thanks for saving mei👍👍

[@jorgeb139]

Thanks!!!! I was looking for exactly this

[@mandelaakosu139]

thanks my Web Hero and Mentor

[@gordontang8187]

useReduce ?

[@meghalbisht6768]

pure gold!!!!!

[@MaFi623]

Good video:) Thanks!:)

[@FoxMayker]

Thank you so much for content that you made. Your video's helped me a lot. Can u make video about navbar componet's it will be great to see)

[@anomanonymous4648]

East or west Anthony is the best❤️

[@prathamdogra8445]

Thanks a lot.

[@w2ytube]

Hi Anthony, I do really appreciate all your tutorials and I learning a lot with them. I was thinking a way to improve your code here. I think that it would be simpler to create a function in Snackbar component that wrap up the call of dispatch(setSnackbar()) (I created it in the Snackbar component). This avoid to import redux stuff and since we want to open the snackbar, the first argument is always true. export const openSnackbar = ( snackbarType = "success", snackbarMessage = "" ) => { store.dispatch(setSnackbar(true, snackbarType, snackbarMessage)); }; This function simplify the call from engineer component like so: openSnackbar( "success", "Your engineer application has been successfully submitted!" ) } > What do you think about that? Thanks

[@anikkhan8811]

Awesome

[@JavascriptForEverything]

nice trick

[@ismoilshokirov]

I guess the video can be narrowed down to 5-6 mins ))

[@surabhib1705]

6000 ms is 6 sec :)