Material UI Tutorial #12 - Layout Component

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Useful playlists:

🐱‍💻 🐱‍💻 Other links:

🐱‍💻 🐱‍💻 Social Links:

[ozzyfromspace]

Hey Sensei, I just wanted to let you know that I've learned a LOT from you over the last year or so, and your highly eloquent, well planned, practical approach has really given me a ton of confidence with web-development. I've coded along to your Javascript series, react, REST, Mongo, etc, now this, and I truly feel that you, my intelligent friend, are a rare breed. Thank you so much for everything you have done for us! If I may speak for myself, I am extremely grateful to you 🎊☮️🏆💯. Anyways, on to this lecture haha ☺️😅

[vegarwang]

These tutorials awesome. Your dialect makes them even better :)

[JanessaTechZhao]

Dude, className is not gone work in my env. I changed the code a little bit using box, something like this:
import React from 'react'

const sx = {
backgroundColor:'#f9f9f9',
width:'100%'
}

export default function Layout({children}) {
// {children} prop is important otherwise we cannot see all content inside Routes defined in app
return (
<Box sx={sx}>
{children}
</Box>
)
}

[ellsonmendesYT]

Omg this layout thing is exactly what I was looking for and I didn't know by what name to look for, the concept. I will try and recreate gmail's interface and I was trying to figure out how to place that vertical menu which depending on the link renders a diferente component in the main part. Thanks for sharing Shaun-san!

[MartinPerez-mity]

just what i was looking, new sub, great explanation, thanks

[krishtheindian]

Easy to follow and useful! Thanks much!

[PlayWithAyaan]

Can u make react and node on production course
I know the mern stack but don't know how to put it on production. Such as using file storage, getting custom domain, etc.

[LucianoSoares]

Hey Shaun, do you plan to do a tutorial with react + storybook?

[yokowasis]

What's the difference ? with let's say, creating the layout in App.js instead of creating a new component ?

[play-qlfe]

how to fire a button and use it for changing page

[deepanshusarswat]

Hii Shaun, why we use width 100% in layout section 🙄🙄

[calmyourmind]

Where your cards gone man..? why have you changed your topic suddenly? You were working with those cards. First make them responsive and of equal heights. What a horrible tutorial.