Material UI 5 (MUI) React Tutorial | MUI Responsive Real Project

Поділитися
Вставка
  • Опубліковано 24 лис 2024

КОМЕНТАРІ • 366

  • @shreyas.s8855
    @shreyas.s8855 2 роки тому +67

    You are a life saver.. I am very new to react and web development in general. I got assigned to a project yesterday and had to use MUI5 but there weren’t any good tutorials on MUI5 on UA-cam . Thank you so much for this ❤️

  • @dlongodesign7026
    @dlongodesign7026 2 роки тому +26

    The best teacher in UA-cam University! Thank you Lama, your tutorials are helping me be a better developer!

  • @ayoaloko1453
    @ayoaloko1453 Рік тому +3

    new tag line "Its that easy guys". 10/10 best tutorial!

  • @StriverHamza
    @StriverHamza 2 роки тому +20

    Hey Lama, just finished your short course on MUI and I just want to say thank you. I've been looking for a straightforward and easy-to-follow tutorial on MUI for some time now. Yours has been really easy to follow and I feel way more confident using MUI for my own app that I am working on. I'm not very good with CSS if I'm honest so leveraging MUI for my components will be useful. Thanks again!

  • @kooyaw4445
    @kooyaw4445 Рік тому +1

    I haven't even completed yet but I have learnt a ton so far. Bless you brother

  • @Corntrop
    @Corntrop 2 роки тому +1

    Mui is best ui library. Thank you so much. I ll replace my social media app design with mui. And loved dark mode approach its so easy

  • @eternal.learner
    @eternal.learner Рік тому +3

    Hey *Lama* ! Your job in this tutorial is incredible. This is definitely one of the best code video I've ever watched to learn something. Thank you for your time.
    Incredible !

  • @sjtrader1363
    @sjtrader1363 Рік тому +1

    Best crash course on mui in react. I am way more confident now. Thanks LAMA DEV

  • @zihadprogrammer4246
    @zihadprogrammer4246 2 роки тому +1

    This video is really awesome. Beginners also understand your video easily Because of your great explanation.
    Love From Bangladesh 🇧🇩

  • @psyferinc.3573
    @psyferinc.3573 2 роки тому +1

    just started this and already im getting feels
    i hope it pulls through on its promises

  • @attaskalyar3137
    @attaskalyar3137 Рік тому +1

    Truly loved the quickstart. I would honeslty say that for an intermediate developer, it might be the best start. Really gave me a good start to material UI

  • @spacepacehut3265
    @spacepacehut3265 2 роки тому +1

    Really your explanation suits your saying " It's that easy " , and Thanks for this✅

  • @WildHowlYT
    @WildHowlYT 2 роки тому +3

    My favorite tool for React by far, I use it in almost any project. If may seem strange to use it at first, but once you get a grasp on it, it's really powerful.

    • @ezequielolivero1103
      @ezequielolivero1103 2 роки тому +1

      Im learning it for my work, its kinda weird you are right.

    • @Frest99
      @Frest99 2 роки тому

      I'm starting to use this and yeah, it's a little confusing and different than for example others CSS frameworks like Bootstrap or Tailwind, but I hope that with this tutorial I can learn the basics

  • @monles_yen
    @monles_yen 2 роки тому +5

    Love your tutorials as always ❣
    00:28:50 I can only add position="sticky"
    The console warned me that expected value is one of [ "absolute", "fixed","relative", "static", "sticky"]

    • @SumitKumar-no3nt
      @SumitKumar-no3nt 6 місяців тому

      wahhhh kya noob waali baat ki h hahahaha

  • @TrinaYau
    @TrinaYau 2 роки тому +7

    Thank you so much for this wonderful tutorial! I was struggling with Material UI before, but now I feel I finally understand it :) Much appreciated.

  • @nosaku4288
    @nosaku4288 3 місяці тому

    Excellent tutorial sir. Very patiently explained all the nuances of MUI. Thank you so much 🙏🙏🙏

  • @samyfarahat8672
    @samyfarahat8672 2 роки тому +1

    Liked before watching the video because I know your content is ALWAYS very GOOD
    !!

  • @JakeSummers2424
    @JakeSummers2424 2 роки тому +1

    Thank you for taking the time to simplify over complicated code snippets from the docs.

  • @qamarabbas322
    @qamarabbas322 Рік тому +1

    Mind-blowing. Awesome explanation and a nice presentation. Rate 10/10

  • @nicholasroman8071
    @nicholasroman8071 Рік тому

    Thank you this was an extremely beneficial exercise. Although, I created my project using npm create vite@latest, and I am using the latest version of material-ui. I was still able to put the project together walking through the instructions. Thank you for taking the time to put this together.

  • @Reel_InsightYT
    @Reel_InsightYT 2 роки тому +1

    Big fan lama dev from india.....you helped me a lot of....and i learn a lot of cool and fabulous things....one of my favourite pedagogy❣️❣️

  • @freespeech515
    @freespeech515 2 роки тому

    Good job man. It gave me starting point to create dashboard that work in mobile and website.

  • @mansuralam1082
    @mansuralam1082 2 роки тому +2

    Added to watch list. Thanks for publishing good content.

  • @okorojohn7788
    @okorojohn7788 2 роки тому +2

    Nice one Mr Safak. Many thanks for your uplifting and educative wonderful videos.✌️❤️

  • @fayazkhattak4348
    @fayazkhattak4348 Рік тому +1

    The great video I even seen on material ui5.. learning + project.. awesome explanation..❤❤❤❤

  • @david-Jik4l
    @david-Jik4l 2 роки тому

    nobody, absolutely nobody ...
    Lama: "it's that easy"
    thanks man !

  • @rakeshb2010
    @rakeshb2010 2 роки тому +1

    Thanks. You explained what needed for MUI v5. Please make more detailed project with MUI v5 emotion, Context API etc.

  • @tuynpham308
    @tuynpham308 2 роки тому +1

    thanks for video ! I've been waiting for this for a long time

  • @yuriy2109
    @yuriy2109 Рік тому

    Thank you very much. I watched and repeated. You make everything so easy. But for me this is still new. But I saw connections. Especially on setting up the design and of course on the use of the MUI module.

  • @bryantony9836
    @bryantony9836 3 місяці тому +1

    Thank you,
    This is just what i needed.

  • @amirThePiper
    @amirThePiper 2 роки тому

    Thanks for tutorial. To open intellisense you can press [Ctrl + space]

  • @alifiyahh6387
    @alifiyahh6387 Рік тому +1

    Incredible video! I just finished and I have learnt so much!

  • @Harry-jl1fi
    @Harry-jl1fi 2 роки тому +1

    Really loved the pace of the course the simplicity and the way of teaching. Absolutely recommended

  • @micaellesantt
    @micaellesantt 11 місяців тому

    Im brazilian and your english is very good to understand

  • @saurabrakshit405
    @saurabrakshit405 2 роки тому +2

    While declaring any custom component just like Button the name of the custom component must be start with Upper case else we can't see the change & the import statement is import { styled } from '@mui/system'; to implement the styled function.

  • @soneetgoyal4288
    @soneetgoyal4288 2 роки тому

    you are the best teacher on UA-cam. i am learning alot from your tutorials. Please make tutoials on MUI Datagrid bulk add, edit and delete operations

  • @Muthukumar-bc6sg
    @Muthukumar-bc6sg 2 роки тому +2

    It's a good video. Please upload one video MUI responsive admin panel with form, charts, tables, etc

  • @andriyabu
    @andriyabu 2 роки тому +2

    Thanks man. I loved it.

  • @RahulSharma-ke7wg
    @RahulSharma-ke7wg 2 роки тому

    before i was confused in sx prop now its clear .thank you

  • @xcrxwadda8287
    @xcrxwadda8287 2 роки тому +1

    My best teacher never disappoint,keep up the good work Lama

  • @zuzannapawowska6771
    @zuzannapawowska6771 2 роки тому +1

    Thank you for this project! Very practical tutorial :)

  • @AzizKhan-or8yp
    @AzizKhan-or8yp Рік тому

    Thanks @lamaDev for this amazing tutorial ❤

  • @coder5336
    @coder5336 2 роки тому +1

    Following you for a long time and still surprised how you can explain everything that easy. You are the best man. After completing my projects i'll deploy it using your code.

  • @lukez3618
    @lukez3618 5 місяців тому

    Awesome video ! Greetings from Brazil 🇧🇷

  • @nineteen5899
    @nineteen5899 Рік тому

    Lama, you saved me ton of reading and searching....

  • @amolmagar3019
    @amolmagar3019 2 роки тому +1

    Love from India ❤️ you are the best

  • @moeenkinectro8714
    @moeenkinectro8714 2 роки тому

    one of the best tutorials I have ever seen

  • @deepanshukacher1536
    @deepanshukacher1536 2 роки тому

    Really helpful, love it, I watched it in one go

  • @liorjjj
    @liorjjj 2 роки тому

    Man this tutorial changed my life !!!!! thank you thank you thank you

  • @shlomiyahbes4882
    @shlomiyahbes4882 2 роки тому +1

    THANK YOU - great video 🤩🤩

  • @neha02818
    @neha02818 Рік тому

    One million like from my side...
    Understood and applied... And enjoyed too

  • @MurphyYves
    @MurphyYves 11 місяців тому

    Lama Dev really delivered on this one!!

  • @chriskevini
    @chriskevini 2 роки тому

    Fantastic tutorial. I love how you show common problems throughout and demonstrate the steps for solving them

  • @mdomarfaruq3160
    @mdomarfaruq3160 2 місяці тому

    Your explanation is awesome, thank you so much for your activity.

  • @nameno8120
    @nameno8120 2 роки тому

    Thank you so much. Thank for this video, I had overview about MUI

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 роки тому +5

    Love you, man!
    Excelentes projetos, como sempre!
    Forte abraço do Brasil!
    God bless you!

  • @mohammadnaim9226
    @mohammadnaim9226 2 роки тому

    Your every project is so much effective...

  • @kelvinwarddev1393
    @kelvinwarddev1393 2 роки тому +2

    I have learned a lot from you. Thank you so much

  • @kamonahmedreal
    @kamonahmedreal 2 роки тому +2

    Tailwind css project please. I love the way you teach.

  • @PushpendraKrSingh
    @PushpendraKrSingh Рік тому

    Thank you so much for amazing tutorial, I was looking for something similar which is easy to understand and implement. Many thanks for your effor

  • @DianeUwase-cw3ez
    @DianeUwase-cw3ez Рік тому +1

    Thank you guy to this awesome and helpful video

  • @ozkanselcuk1735
    @ozkanselcuk1735 2 роки тому +1

    An another one! :D Awesome topic again!

  • @sugrivlodhi2607
    @sugrivlodhi2607 2 роки тому

    This is awesome content,Thank you Lama Dev to represent lot of thing in one Video

  • @ItsDeffoScott
    @ItsDeffoScott Рік тому

    Well done, exceptional tutorial video. Thanks for your hard work! :)

  • @vidhanshuborade5977
    @vidhanshuborade5977 Рік тому

    Excellent tutorial 💓
    Thanks Lama Dev

  • @geraldramos1384
    @geraldramos1384 2 роки тому +1

    Hi. Lama i think its time for new dashboard design and use MUI 5. Thanks as always for your awesome contents ☺️

  • @jerometitlimi4114
    @jerometitlimi4114 2 роки тому +1

    Thank you Lama, God bless you!
    for the next big project can you build a full stack real estate app with sale and rental of houses.

  • @user-dawit
    @user-dawit Рік тому

    What can i say...I enjoyed it, THANK YOU.

  • @prakharvats2766
    @prakharvats2766 2 роки тому

    FlawLess ,
    this cleared many doubts of mine

  • @SIDDHARTH45VR
    @SIDDHARTH45VR 2 роки тому

    Out of every other videos on UA-cam only yours was good. Straight to the topic and no bullshit.

  • @melvintivane9432
    @melvintivane9432 2 роки тому +2

    Awesome video, very didactic. Thanks man.✨

  • @mdsaifulislamshanto4444
    @mdsaifulislamshanto4444 2 роки тому +2

    Such a great project

  • @alimosavar3919
    @alimosavar3919 Рік тому

    Why are you so good? It was a really good course.tnx

  • @riomax7706
    @riomax7706 Рік тому

    Thank you very much for this course.

  • @amooyanhh
    @amooyanhh Рік тому

    Thank you so much for this wonderful tutorial

  • @ron-almog
    @ron-almog 2 роки тому

    "It's that simple!" 😂 Yes, it really is. I love your relaxed approach. Thank you, please keep doing this.

  • @sofiyullahabdullah5322
    @sofiyullahabdullah5322 2 роки тому

    i was about to jump on previous MUI 4 course of yours but i realized that you said you will create MUI 5 course during the LAMAADMIN course video

  • @psyferinc.3573
    @psyferinc.3573 2 роки тому +1

    this was def amazing

  • @seewhatseeabc
    @seewhatseeabc Рік тому

    holysheet damn good tutorial for mui finally

  • @riamahmed7019
    @riamahmed7019 2 роки тому

    Thank you Lama, God bless you!

  • @zlackbiro
    @zlackbiro 2 роки тому

    This video is pure gold. Just in time... You saved my ass so good... Sub earned! Hahahaha.

  • @PontesesEduardo
    @PontesesEduardo 4 місяці тому

    Thanks for sharing with us such a great content.

  • @investneur8232
    @investneur8232 6 місяців тому

    Confidence boosting project thanks...

  • @jdrocx8493
    @jdrocx8493 2 роки тому

    I am Shocked. Believe me you did it so nicely. Now i am feeling so confident and trying my best to be a front-end react js developer using mui

  • @daveckw
    @daveckw 2 роки тому

    You can click "Ctrl-Spacebar" to import the component. No need to delete one letter.

  • @creamCheese89
    @creamCheese89 9 місяців тому

    you are teaching me like a kindergarten, thank you so much!

  • @guymandude2774
    @guymandude2774 2 роки тому

    Thank you so much!! Clear and informative instruction!!

  • @salasdelil4151
    @salasdelil4151 Рік тому

    Thank you, it's really awesome project👍

  • @ludwigvillalba1886
    @ludwigvillalba1886 2 роки тому

    Lama, thank you for sharing!!!

  • @karishmakhondunaik
    @karishmakhondunaik Рік тому

    Hey Lama, Just Finished this video , it was an amazing ..Make More Videos

  • @khandoor7228
    @khandoor7228 2 роки тому

    Ive been waiting for someone to do a full tutorial on my favorite CSS framework, thanks Lama!!

  • @kadirertan8664
    @kadirertan8664 Рік тому

    Great course. Thanks! 🔥🔥🔥

  • @chanmyaemaung
    @chanmyaemaung 2 роки тому +8

    Please, explain how to set persistent state for the part of Dark/Light mode by using local storage when we're toggle on the button.

    • @limoni0523
      @limoni0523 2 роки тому

      you need to add the state to localstorage, there's many ways you can do this on your app. Let me know if you are able to figure it out. Part of being a software developer is being able to solve problems when tutorials can only provide so much. If you can't find it, I'll be more than happy to help you save dark mode to local storage, or if you are feeling adventurous, you can always include that state on the backend so that dark mode persists on the app.

    • @chanmyaemaung
      @chanmyaemaung 2 роки тому +1

      @@limoni0523 Yes, I already integrated for the dark/light mode with using useReducer hook and passing the data with Context props. Which I was totally stastify with it. :D
      Edit: I set the persistent state with using cookies instead of local storage.

    • @Ki1ngOfGods
      @Ki1ngOfGods 2 роки тому

      You my friend are hired!! Nice job on figuring it out.

  • @misbahak5536
    @misbahak5536 2 роки тому

    Awesome tutorial. I have to do my first project in React js. Haven't seen a better MUI tutorial than this. Awesome.

  • @jssecrets
    @jssecrets 8 місяців тому

    Thank you Lama Dev!

  • @farouqabdurrahman999
    @farouqabdurrahman999 Рік тому

    this is actually very good!

  • @faisalamin001
    @faisalamin001 2 роки тому

    Thanks a lot, it was fun while watching

  • @moinkhan-xd6pe
    @moinkhan-xd6pe 2 роки тому

    its much much better ..:D amazing video thankyu sir

  • @queendev0892
    @queendev0892 2 роки тому +1

    Thank you sir you are outstanding

  • @syedrizwanalishah7715
    @syedrizwanalishah7715 3 місяці тому +1

    😘😘😘😘😘😘😘😘 Awesome work you do bro ALLAH help you