This react material ui tutorial will cover all aspects of material ui and react to get you up and running to use them for your next website development project or application.

– Adrian’s YouTube Channel:
https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ

– Design for Developers – Enhance UI:
A book that Adrian has created to help you improve the look of your apps and websites.
Enhance UI: https://www.enhanceui.com/

– Material UI:
https://material-ui.com/

– Timestamps:
0:00 – Intro
00:70 – What is material ui
01:36 – Material UI Create React App
03:33 – Material UI Button
12:24 – Material UI Checkbox
16:55 – Material UI Textfield
20:57 – Material UI makeStyles for Buttons
24:07 – Material UI Themes with ThemeProvider
27:23 – Material UI Typography
32:13 – Material UI Containers and Grids
36:57 – Material UI Responsive Design
39:23 – Material UI AppBar

source

28 Comments

  1. you guys just teach the things that are easy to understand these things can be learnt from docs but what about providing padding to the button, there are ways like customizing the theme but how to do that for a particular component and many more things i am working on a project and stuck in applying CSS there are many ways on material UI site but none work properly. Teach something difficult what is this shit

  2. I was looking for a great video that was short and sweet so I could jump into playing around with mui and this was great! I liked being able to see how easy it makes mobile responsiveness! I have a lot of fun doing that myself but I like how it simplified the process if I ever wanted the shortcut. I'd like to see more to build a responsive app if you did more videos on mui.

  3. Would have been nice with some explanations of what's going on behind the scenes – what element are the components made up of? What does the different attributes do precisely? Didn't learn much from this.

  4. Really Great Video Adrian ! Many times I start learning about Material Design but Most tutorials confuse me From where I can start But after this I'm able to use this one in my project. Thank!

Leave A Reply

Please enter your comment!
Please enter your name here