Learn Material UI in One Hour - React Material UI Project Tutorial [2022]
HTML-код
- Опубликовано: 27 фев 2021
- Are you new to Material UI? Have you heard about it but never actually tried it out? Maybe you dived into it but it felt overwhelming? It's easy to learn if you know where to start! This video will help you to get started quickly, welcome to a one-hour Material UI Crash Course.
💻JS Mastery Pro - jsmastery.pro?discount=youtube
✅ A special RUclips discount code is automatically applied!
⭐ Taskade - www.taskade.com
Contact - support@taskade.com
📚 Materials/References:
Material UI - material-ui.com
💼 Business Inquiries: javascriptmatery00@gmail.com
📧 Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: resource.jsmasterypro.com/new... 🔥
🌎 Find Me Here:
Discord Group: / discord
Instagram: / javascriptmastery
Twitter: / js_mastery
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."
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
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 :)
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!
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.
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
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.
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.
One of the best tutorials i've seen so far. First video that I see on this channel, and it is already subscribed!
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!
Keep it up! The clearest description Ive ever seen in a tutorial, thank you so much :)
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!
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 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?
This is one of the best tutorial videos i've ever watched, thank you for doing this, great job !
This is the most needed video I have watched on youtube this year on my react UI feature
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.
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!
Best tutorial I have seen so far.
You explain so nicely.
Thank you 🎉
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.
Thank you so much. I wanted to learn the past version with a new version coming out this time. It has helped a lot and has been well applied to the current project.
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
Excellent! Concise and spot on presentation. Just what I needed.
As a begginer, i'm learning a lot of all your videos. Thanks for share your knowledge, master!
Thank you Adriano!
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! 🙌
I can't believe this is free content, thanks a lot. I am studying react and I like your videos. Thank you so much!
Just noticed this channel, two videos in and I'm liking it quite a lot, not too fast not too slow
I love Material UI and it's dynamic range in customization. A video on theming would be awesome!!!
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
The Best Material ui course on RUclips and I want more material ui lectures.
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.
contacted taskade and they hooked me up, even one month later. Thanks guys!
You are the best in any web development tutorial for me man, keep up!
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!
That was really helpful. Going to the website without a tour can be overwhelming for a novice. Great advice thanks 👌
Amazing tutorial, thanks so much for putting this together!
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.
literally what I was looking for the other day. thank you ❤️
Thank you! ❤️
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!
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!
I was just surfing on the web today thinking about learning Material UI. You sure can read my mind!
Haha, seems so, enjoy!
Thanks so much, most comprehensive and short tutorial which I could find online to get me going.
I'm glad to hear that Karl!
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!
Adrian, Thank you so much. You deserve millions.
I would love to see a part two! Excellent video, thanks!
Thanks Mark!
Thank you 🙂One of my favorite RUclips channels.
He did it again boys and girls. He did it again. Thank you so much!
No, thank you!
I wrote to you 3 days ago and asked about material ui, and you add such video, i'm so happy
I'm glad! 😊
I am so glad that I found this channel. Amazing! content!
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!
Great video dude, i find your channel and i love it
Fantastic explanation, as usual. Thank you so much!
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
Thank you for the tutorial! Subscribed
Awesome video...learnt a lot, Thank you very much. Yes, pls make a second part of it.
It's always a good day when you drop something new
Thank you!
Thank you so much!!!! You're the best!! I'm looking forwards to the second tutorial on this!
Thank you!!
Great !!! Immediately subscribed !
That was a great tutorial! I would really like to have the next tutorial on Material UI with React!
Awesome tutorial mate! Please make part 2 with theming and such!
That was explained very well, thank you!
Thank you so much for this video. It has helped me get started with MUI
Thank you so much for the amount of free content and impeccable quality.
Thank you!
It was so awesome. Thanks a lot!
Love your teaching style !
Great lesson! Just realized how easy was this.
Liking it now and waiting for the next part! ❤️...
Please make a detailed video on styling and theme on material-ui!
Thanks for the video dude! Looking for the complex parts videos as well. Please upload soon!!!! Thanks again.
Thank you very much for the detailed and practical explanation of how to build a user friendly UI
I'm only 10 minutes in but I can tell this is going to be a great guide.
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
Always enjoy your content!!
Thank you T C!
Thank you so much! we need part 2 of material-UI.
Tks for the amazing video. I really need the custom theming and styling.
Great content as always, thank you so much for your time
Thanks for the Awesome tutorial you're teaching style is amazing , Please make more courses and educate the world!
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
Helpful content. Especially about difference between component and component api docs. I learned very much thank you.
Clear and Concise. Great one (y)
Taught very Nicely!!
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
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
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!
WOW.... you are the best in the world for me.... thanks a lot for such a nice lecturer on MatUi... Kudos ...
Great tutorial, keep up the good work!
thank you so much, i just started to learn today
Thank you so much man, you are the best!
It's so helpful video about material Ui . I learnt so much, I am now starting to explore more in material Ui. Thanks
You rock bro..your explanation was superb!
Great walkthrough!
This was exactly what i needed. Thank You so much
Glad you liked it!
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 !!!
This is a really helpful video. Thank you so much.
Great tutorial. Cheers!
Thank you very much man ! This video definitely helps us ❤️🔥🙏
I'm glad!
I learnt a lot in this video, looking forward to more complex implementation
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!
Thanks mate i have been waiting for this big time
It's finally here!
very good explanation! Thank you so much