I liked how you show us how to explore and read the documentations and apply that stuffs to your source code. This is very vital activity that every programmer should know. I appreciate what you did. Keep it up!
Hello Sir, I just want to thank you for all of your amazing videos. I went from a high school kid who knows a bit of Javascript and Python to a U of Waterloo CS Student with Full-Stack web dev experience through your videos. All of your videos are spot-on and well-organized, and I have learned tremendously through them. I hope I can meet you in the future and buy you a drink! :)
At this point, I'm just marathoning your entire catalog and making personalized adjustments here or there. Hands down the greatest guided tutorials I've come across, and you aren't even asking any money! Easy subscribe and like to every video :)
What an absolutely amazing tutorial i am noob on react and this has blown my mind love it , you reduced the learning curve for me by a magnitude of 20. Thanks so much and keep smashing in your videos
This is great. I also love how you go into detail of where to look and how to look through the documentation. That's something that most teachers don't do but I think its important to do so.
This is the first great Material UI tutorial where a tutor is trying to teach how to get freedom in material UI by helping us understand the documentation so that we can ourselves become the boss, unlike those thousands of youtubers who try to tell us that how great they are using material ui. Thank you sir for helping us learn.
You are a great teacher. I really appreciate your balance of simple explanations with enough depth and references to documentation for deeper understanding. I have "used" material-ui a couple times before from other tutorial vids but this is the first time I have truly learned and appreciate its beauty and it's all thanks to you! Really appreciated and subscribed for life!
Great video JSMastery, however a few things have changed from 2022 that I must bring to the notice of new viewers so that they don't struggle as much. So at the time of writing (Feb 2023) the brand name is changed from "material-ui" to "mui" in V5 1. as a result of the change of name of the hook, the import shown in the video doesn't work, the new import statement is shown on the homepage of mui site. 2. @material-ui/core doesn't work, now it is @mui/material 3. thus import {Typography} from '@mui/material' instead of import {Typography} from '@material-ui/core' 4. @material-ui/icons is @mui/icons-material (and that means npm i @mui/icons-material) 5. thus the correct import of PhotoCameraIcon is import {PhotoCameraIcon} from '@mui/icons-material' 6. they have dropped the support for mui/material/styles (imported as material-ui/core/styles in the video) and moved useStyles, makeStyles to @mui/styles however that doesn't work either.
the useStyles, makeStyles work properly with the new version of mui. But you have to ensure the "makeStyles" has been properly imported. Instead of import makeStyles from '@mui/styles', simply add curly braces on makeStyles. So it becomes import { makeStyles } from '@mui/styles'. This way, it will run
Turoials like this are always so hit and miss but you explained this really well and I think everyone appreciates how you explain where things are in the documentation and how to utilise it. Thanks a lot!
Just found your channel and am really impressed with your tutorials. I noticed that this one is 3 year old and could use an update to how Material UI is installed now. Cheers
You're so freakin amazing and I can't wait to see that sub count keep rising. Keep up the amazing tutorials! You really carry yourself well and the format of your lessons, while fast, make it easy to follow along.
Im really not that kind of person who likes or comment. Im more like a quiet viewer, but this has to be the greatest Tutorial I ever saw. Thank you so, so much.
Thanks for the video! I’m trying to crash-course my self into developing a web app from scratch. I found your video and this UI library to be very helpful
Wow, this was really really accessible to a noob like myself. Thank you so much for your detailed explanations. So many tutorials just breeze through things and forget we're here to actually learn them. I'm looking forward to more of these. Thanks!
Thanks a lot for quality and timely content as always. Waiting for part 2. This channel is still underrated, but I know soon it's gonna be up there. Thanks
Thank you for this video, Actually I just started your full stack MERN project series, and I was little bit confused about material UI but now I got clarity, thank you and your full stack series also incredible, Thank you 😊😊
This kind of documentation walkthrough is very helpful. I don't see it very often on other channels. You should do it for other libraries and frameworks also(if you haven't already in your older videos), great stuff.
By far my favourite channel to learn slightly above beginner level javascript. I appreciate you for taking your time to create these content. DON'T STOP!
This guy is our man...He is our hero !! He uses windows...he uses VS Code...he uploads tutorial in JS framework/library...yes we want more complex MUI design !!
Thanks for the video..came from after watching the Authentication part in Social media mern web app 7hrs video...Thanks again Man for ur contribution in Tech
You are sooooo great...it's a blessing to come across this channel.. Gonna share this with all my friends.. that a lot man. Another video on material ui would be great on themes and all.
@@javascriptmastery kinda greasy but i suppose you gotta do what you gotta do! could always just make an updated version so it's not as fake, but honestly i am nobody to tell you how to run your youtube channel
@@TheJason118511 I feel the same man. I have noticed this channel is churning 'the latest' tutorials out but when you come to learning it, dependencies are out of date and just one big head ache for a learner. Unsubbed because of that!
this helps a lot. I watched the full 3 part series going over full stack web development and it was extremely helpful for learning how to setup the website but material UI was glossed over so fast in that video, especially the JS CSS stuff which was copy pasted. Helps a lot seeing that explored further.
Those who dislike this great content are really something. with only this video I am good to go with material ui. thank you so much. And I have sure subscribe to your channel. thanks a lot
As I have said in 2 different accounts this guy is super talented sincere generous and gifted teacher. Pls keep on with material ui sockets mern memories extensions One of two best RUclips channels
Great Timing, I too had a request long back....Loved it.. Part 2 - please....ooo my demands..But I m damn sure everyone loved watching it....much love sir
hey man, first of all, congrats on the channel, ive been learning a lot, thank you for that! Just want to point a new video sugestion, what about some in depth video about MongoDB and express? Those are really helpful tools, we could learn a lot more from you! Thanks!
This is an awesome tutorial, material-ui really makes ui good looking and easy. I will definitely give it a try, yeah please make advanced tutorial on material-ui, thank you so much !!!
Oh boy, the timing! I'm creating a website for a customer and I'm using Material UI for the first time on it! Hope it comes out well. This video will definitely help me with that! Thank you 🙏
Thank you for creating this video. It inspired me to signup for your JavaScript Mastery course. I hope you create more videos on Material UI and React. I am working on some projects and this would be super helpful. I really appreciate your training.
Thank you! I really enjoyed the clear step by step process. Your video helped quickly grasp the basic organization of Material UI and how all the parts fit together.
JavaScript Mastery PRO launching soon! Be the first one to find out about it - javascriptmastery.eo.page 🔥
record part 2. This video has reached 5k likes.
it's 7k now
it says "Sorry, an unknown error has occurred. Please try again later."
@@zee_designs2:41 2:44
I'm one of those guys who requested material-ui. thanks a lot, you really care about your subscriber desire.
Definitely, enjoy!
I think most of us did :)
yes same here big up my man
Hi sir thanks for your tutorials
But how can I find you out of RUclips
I liked how you show us how to explore and read the documentations and apply that stuffs to your source code. This is very vital activity that every programmer should know. I appreciate what you did. Keep it up!
Thank you!
Yes it's like teaching how to fish and not fishing for them. I like tutorial that really teach how to use documentations.
Hello Sir, I just want to thank you for all of your amazing videos. I went from a high school kid who knows a bit of Javascript and Python to a U of Waterloo CS Student with Full-Stack web dev experience through your videos. All of your videos are spot-on and well-organized, and I have learned tremendously through them. I hope I can meet you in the future and buy you a drink! :)
Thank you! This was a great video. I loved how you kept it short, simple and actually started the project FROM THE BEGINNING of creating a react app.
You are so welcome!
He did it again boys and girls. He did it again. Thank you so much!
No, thank you!
At this point, I'm just marathoning your entire catalog and making personalized adjustments here or there. Hands down the greatest guided tutorials I've come across, and you aren't even asking any money! Easy subscribe and like to every video :)
Yesterday I finished up the "Alan AI news reader " project and really wanted to learn about Material UI and this video got uploaded :D
It's here now! 🙌
What an absolutely amazing tutorial i am noob on react and this has blown my mind love it , you reduced the learning curve for me by a magnitude of 20. Thanks so much and keep smashing in your videos
This is great. I also love how you go into detail of where to look and how to look through the documentation. That's something that most teachers don't do but I think its important to do so.
I love your comment! May I use it as a testimonial for my upcoming course platform? :)
@@javascriptmastery of course. I dont mind.
@@rezkin7946 could you please reach out to me to javascriptmastery00@gmail.com
One of the best tutorials i've seen so far. First video that I see on this channel, and it is already subscribed!
As a begginer, i'm learning a lot of all your videos. Thanks for share your knowledge, master!
Thank you Adriano!
I wrote to you 3 days ago and asked about material ui, and you add such video, i'm so happy
I'm glad! 😊
Keep it up! The clearest description Ive ever seen in a tutorial, thank you so much :)
This is the first great Material UI tutorial where a tutor is trying to teach how to get freedom in material UI by helping us understand the documentation so that we can ourselves become the boss, unlike those thousands of youtubers who try to tell us that how great they are using material ui. Thank you sir for helping us learn.
That was the point, thanks! 😊
I love your comment! May I use it as a testimonial for my upcoming course platform? :)
@@javascriptmastery sure
@@radeonblue1816 awesome thanks, please reach out to me at javascriptmastery00@gmail.com
Wow! Exactly today I designed a todo app layout and wanted to start impelenting it in material-ui tomorrow. What a timing!
That's awesome!
You are a great teacher. I really appreciate your balance of simple explanations with enough depth and references to documentation for deeper understanding. I have "used" material-ui a couple times before from other tutorial vids but this is the first time I have truly learned and appreciate its beauty and it's all thanks to you! Really appreciated and subscribed for life!
That's amazing David, thanks!
I love your comment! May I use it as a testimonial for my upcoming course platform? :)
@@javascriptmastery yes, of course!
@@AverageCho I'm so glad to hear that! Would you please share your email with me so that I can reach you? :)
Great video JSMastery, however a few things have changed from 2022 that I must bring to the notice of new viewers so that they don't struggle as much.
So at the time of writing (Feb 2023) the brand name is changed from "material-ui" to "mui" in V5
1. as a result of the change of name of the hook, the import shown in the video doesn't work, the new import statement is shown on the homepage of mui site.
2. @material-ui/core doesn't work, now it is @mui/material
3. thus import {Typography} from '@mui/material' instead of import {Typography} from '@material-ui/core'
4. @material-ui/icons is @mui/icons-material (and that means npm i @mui/icons-material)
5. thus the correct import of PhotoCameraIcon is import {PhotoCameraIcon} from '@mui/icons-material'
6. they have dropped the support for mui/material/styles (imported as material-ui/core/styles in the video) and moved useStyles, makeStyles to @mui/styles however that doesn't work either.
eish.....it makes this video hard to learn from
You have any idea how to use makeStyles with react18 now ?
@@ImranKhan-ft7ns MUI has discontinued makeStyles so you can't use it now
the useStyles, makeStyles work properly with the new version of mui. But you have to ensure the "makeStyles" has been properly imported.
Instead of import makeStyles from '@mui/styles', simply add curly braces on makeStyles. So it becomes import { makeStyles } from '@mui/styles'. This way, it will run
A great teacher who teaches how to read..You are great man
Thank you!
The Best Material ui course on RUclips and I want more material ui lectures.
Turoials like this are always so hit and miss but you explained this really well and I think everyone appreciates how you explain where things are in the documentation and how to utilise it. Thanks a lot!
This is the most needed video I have watched on youtube this year on my react UI feature
I was just surfing on the web today thinking about learning Material UI. You sure can read my mind!
Haha, seems so, enjoy!
I m Glad Someone is showing how to make whole project without copy pasting the source code which lot others do
Thank For being Original
It's always a good day when you drop something new
Thank you!
I'm working on a small personal project with Material UI. This video is extremely informative and very easy to understand. Thanks!
Thanks Dean!
I am so glad that I found this channel. Amazing! content!
Just found your channel and am really impressed with your tutorials. I noticed that this one is 3 year old and could use an update to how Material UI is installed now. Cheers
contacted taskade and they hooked me up, even one month later. Thanks guys!
One feature I would have liked to see is a full screen pop up of a selected image using MaterialUI.
Fantastic tutorial; clear and concise!
Right on time ya man. My employers want me to write some cards tomorrow. You made my Sunday awesome.
Enjoy the rest of your Sunday!
Hey are you into web development ?
@@66_vaibhavvarunkar60 ha Bhai
@@slmshady539 where I mean in which company ?
@@66_vaibhavvarunkar60 Bangalore sorry can't name it. Working as Reactjs Redux developer
You're so freakin amazing and I can't wait to see that sub count keep rising. Keep up the amazing tutorials! You really carry yourself well and the format of your lessons, while fast, make it easy to follow along.
Just finishing the MERN part 3 and I really wanted this to fully grasp all the ui stuff we did in that tutorial. Thanks a ton bro.
Thanks!
@@javascriptmastery Just finished. It was a great tutorial, hopefully you can do part 2 !!!
Im really not that kind of person who likes or comment. Im more like a quiet viewer, but this has to be the greatest Tutorial I ever saw. Thank you so, so much.
It was so awesome. Thanks a lot!
Just noticed this channel, two videos in and I'm liking it quite a lot, not too fast not too slow
Thanks for the video! I’m trying to crash-course my self into developing a web app from scratch. I found your video and this UI library to be very helpful
Thank you!
literally what I was looking for the other day. thank you ❤️
Thank you! ❤️
Thanks so much, most comprehensive and short tutorial which I could find online to get me going.
I'm glad to hear that Karl!
Wow, this was really really accessible to a noob like myself. Thank you so much for your detailed explanations. So many tutorials just breeze through things and forget we're here to actually learn them. I'm looking forward to more of these. Thanks!
Glad it was helpful!
Thanks a lot for quality and timely content as always. Waiting for part 2. This channel is still underrated, but I know soon it's gonna be up there. Thanks
Thank you Stanley!
My Favorite React UI library also!! Yeah Let's go in depth with it. Also Request a Next.js version!
Thanks for the idea!
Mui v5 with next would be great!
You are the best in any web development tutorial for me man, keep up!
This is the best free software Ive seen. Respect.
I am the one who is in severe need of a material UI course. And here is your video. THANKYOUUUU. BTW I am your regular student
Thank you!
Thanks mate i have been waiting for this big time
It's finally here!
WOW.... you are the best in the world for me.... thanks a lot for such a nice lecturer on MatUi... Kudos ...
Thank you 🙂One of my favorite RUclips channels.
Yes plz....make a vdo regarding complex MUI based..
Might do it if this one goes well!
23k views already 🌝
This is so cool! I'm currently grinding to get my first job (self-thought) and this was super clean, clear and concise! Love it from Ireland bro.
Thank you Caolan. Greetings to Ireland!
the same here bro. Good luck on your interviews
Thank you for this video, Actually I just started your full stack MERN project series, and I was little bit confused about material UI but now I got clarity, thank you and your full stack series also incredible, Thank you 😊😊
Thank you so much!
This kind of documentation walkthrough is very helpful. I don't see it very often on other channels. You should do it for other libraries and frameworks also(if you haven't already in your older videos), great stuff.
your super cool. i love how you made me realise that looking into things is neccesary and needed if i want to evolve. thank you.
The Like to Dislike ratio says that all! Very Nice tutorial!
Thank you!
You are Inspiration to me ... just because of your videos I started learning reactjs..! #GOAT....Waiting for your second video on this.....
Keep it up
Adrian, Thank you so much. You deserve millions.
By far my favourite channel to learn slightly above beginner level javascript. I appreciate you for taking your time to create these content. DON'T STOP!
Thank you! 🙌
I would love to see a part two! Excellent video, thanks!
Thanks Mark!
This guy is our man...He is our hero !! He uses windows...he uses VS Code...he uploads tutorial in JS framework/library...yes we want more complex MUI design !!
Thank you so much for this video. It has helped me get started with MUI
Thanks for the video..came from after watching the Authentication part in Social media mern web app 7hrs video...Thanks again Man for ur contribution in Tech
Grid layout for cards is at 43:45 for anyone looking for this
You are sooooo great...it's a blessing to come across this channel.. Gonna share this with all my friends.. that a lot man. Another video on material ui would be great on themes and all.
Full quality content. Thanks for this tutorial.
Glad you like it!
@@javascriptmastery Also waiting for part 2
You're an amazing teacher. Thanks so much.
Thank you!
I liked how you changed the title to say 2022 even though this was made in the beginning of 2021
Yes, gotta do it for the SEO :)
@@javascriptmastery kinda greasy but i suppose you gotta do what you gotta do! could always just make an updated version so it's not as fake, but honestly i am nobody to tell you how to run your youtube channel
MUI v5 project coming soon :)
@@javascriptmastery Looking forward to it!
@@TheJason118511 I feel the same man. I have noticed this channel is churning 'the latest' tutorials out but when you come to learning it, dependencies are out of date and just one big head ache for a learner. Unsubbed because of that!
this helps a lot. I watched the full 3 part series going over full stack web development and it was extremely helpful for learning how to setup the website but material UI was glossed over so fast in that video, especially the JS CSS stuff which was copy pasted. Helps a lot seeing that explored further.
oh man!
You are a live saver!
Love you a lot!❤️
I was trying to learn material ui by myself!
But i was stuck.
Hope this helps!
I read "you are a live server" damn LOL
Awesome intro on material UI...thank you!!
You're welcome!
Always enjoy your content!!
Thank you T C!
You have instantly gained a follow the moment you have deleted the src folder - cheers -good one
Those who dislike this great content are really something. with only this video I am good to go with material ui. thank you so much. And I have sure subscribe to your channel. thanks a lot
Thank you so much!
Thank you so much for the amount of free content and impeccable quality.
Thank you!
I can't believe this is free content, thanks a lot. I am studying react and I like your videos. Thank you so much!
This is one of the best tutorial videos i've ever watched, thank you for doing this, great job !
As I have said in 2 different accounts this guy is super talented sincere generous and gifted teacher.
Pls keep on with material ui sockets mern memories extensions
One of two best RUclips channels
Thanks!
Great Timing, I too had a request long back....Loved it..
Part 2 - please....ooo my demands..But I m damn sure everyone loved watching it....much love sir
hey man, first of all, congrats on the channel, ive been learning a lot, thank you for that!
Just want to point a new video sugestion, what about some in depth video about MongoDB and express? Those are really helpful tools, we could learn a lot more from you!
Thanks!
Great idea Fred
One of the most awaited video. Thanks a lot ❤️
Enjoy! ❤️
I made a second account to like + subscribe. No way i'll miss your videos now. Thanks so much!
Best tutorial I have seen so far.
You explain so nicely.
Thank you 🎉
This is my first tutorial of react and I loved it
Wow, amazing, welcome to the club!
This is an awesome tutorial, material-ui really makes ui good looking and easy. I will definitely give it a try, yeah please make advanced tutorial on material-ui, thank you so much !!!
Will do!
Explained Very Well! You are a great TEACHER.
Wow! Realy nice tutorial. Thank you!
And i definitely need the cool shotcuts that you used around 40:35.
Awesome. You get a big like and an abbo :)
This was exactly what i needed. Thank You so much
Glad you liked it!
Oh boy, the timing! I'm creating a website for a customer and I'm using Material UI for the first time on it! Hope it comes out well. This video will definitely help me with that! Thank you 🙏
Good luck!
I love Material UI and it's dynamic range in customization. A video on theming would be awesome!!!
Yes sir! Thank you as always!
As always, you are very welcome!
Me in the search of video on a new topic of JS,
JS mastery: I am here with my new video
Thanks man
Haha enjoy! 😊
Thank you for creating this video. It inspired me to signup for your JavaScript Mastery course. I hope you create more videos on Material UI and React. I am working on some projects and this would be super helpful. I really appreciate your training.
Thank you Paul, enjoy the course!
Thank you! I really enjoyed the clear step by step process. Your video helped quickly grasp the basic organization of Material UI and how all the parts fit together.
looking for the complex mui video🤩. Thanks a lot!
Thanks!
you are great sir. you deserve 1 million subscriber :)
Thank you!
Love your teaching style !
Yes- please do a video on more complex components with mui!
Helpful content. Especially about difference between component and component api docs. I learned very much thank you.
lets go for the advanced material ui course!!
Whaat
I was juste thinking i need a course to learn material ui
First thing i find on youtube this video
Thanks a loot
Awesome!
Great tutorial, it was so easy to follow you and I`ve learnt a lot! Definitely would like to see the part 2! Is it already available?