Material UI Tutorial #12 - Layout Component

🐱‍💻 🐱‍💻 Course Files:
+ github.com/iam...
🐱‍👤🐱‍👤 JOIN THE GANG -
/ @netninja
🐱‍💻 🐱‍💻 My Udemy Courses:
+ Modern JavaScript - www.thenetninj...
+ Vue JS 3 & Firebase - www.thenetninj...
+ D3.js & Firebase - www.thenetninj...
🐱‍💻 🐱‍💻 Useful playlists:
+ Full React tutorial - • Full React Tutorial #1...
+ JSON Server Tutorial - • Up & Running with JSON...
🐱‍💻 🐱‍💻 Other links:
+ Material UI docs - material-ui.co...
+ Get VS Code - code.visualstu...
🐱‍💻 🐱‍💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja

[@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 ☺️😅

[@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' import Box from '@mui/material/Box'; 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 ( {children} ) }

[@mito9425]

thanks for the update. this worked for me as well.

[@vegarwang76]

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

[@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!

[@sulemanahsan7913]

Same 😁

[@PlayWithAyaan]

Can u make react and node on production course 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.

[@MartinPerez-mi1ty]

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

[@NetNinja]

Thanks Martin!

[@krishtheindian]

Easy to follow and useful! Thanks much!

[@LucianoSoares85]

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 ?

[@ridl27]

ty

[@play-ql2fe]

how to fire a button and use it for changing page

[@deepanshusarswat7044]

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

[@PlayWithAyaan]

😎

[@kareemsaid1640]

how to boilerplate

[@mahdou3608]

type rfc then tab

[@mdsafikulislam9113]

🇧🇩👍

[@calmyourmind5617]

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.