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

Поделиться
HTML-код
  • Опубликовано: 27 дек 2024

Комментарии • 366

  • @ayoaloko1453
    @ayoaloko1453 Год назад +4

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

  • @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 RUclips . Thank you so much for this ❤️

  • @dlongodesign7026
    @dlongodesign7026 2 года назад +26

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

  • @kooyaw4445
    @kooyaw4445 Год назад +1

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

  • @sjtrader1363
    @sjtrader1363 2 года назад +1

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

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

  • @zihadprogrammer4246
    @zihadprogrammer4246 2 года назад +1

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

  • @vednaposoka
    @vednaposoka Год назад

    Thanks!

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

  • @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

  • @mansuralam1082
    @mansuralam1082 2 года назад +2

    Added to watch list. Thanks for publishing good content.

  • @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

  • @qamarabbas322
    @qamarabbas322 Год назад +1

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

  • @psyferinc.3573
    @psyferinc.3573 2 года назад +1

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

  • @creamCheese89
    @creamCheese89 10 месяцев назад

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

  • @spacepacehut3265
    @spacepacehut3265 2 года назад +1

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

  • @tuynpham308
    @tuynpham308 2 года назад +1

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

  • @nosaku4288
    @nosaku4288 4 месяца назад

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

  • @alifiyahh6387
    @alifiyahh6387 Год назад +1

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

  • @fayazkhattak4348
    @fayazkhattak4348 2 года назад +1

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

  • @bryantony9836
    @bryantony9836 4 месяца назад +1

    Thank you,
    This is just what i needed.

  • @zuzannapawowska6771
    @zuzannapawowska6771 2 года назад +1

    Thank you for this project! Very practical tutorial :)

  • @RahulSharma-ke7wg
    @RahulSharma-ke7wg 2 года назад

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

  • @lukez3618
    @lukez3618 6 месяцев назад

    Awesome video ! Greetings from Brazil 🇧🇷

  • @freespeech515
    @freespeech515 2 года назад

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

  • @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❣️❣️

  • @david-Jik4l
    @david-Jik4l 2 года назад

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

  • @andriyabu
    @andriyabu 2 года назад +2

    Thanks man. I loved it.

  • @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.

  • @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 7 месяцев назад

      wahhhh kya noob waali baat ki h hahahaha

  • @deepanshukacher1536
    @deepanshukacher1536 2 года назад

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

  • @xcrxwadda8287
    @xcrxwadda8287 2 года назад +1

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

  • @okorojohn7788
    @okorojohn7788 2 года назад +2

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

  • @moeenkinectro8714
    @moeenkinectro8714 2 года назад

    one of the best tutorials I have ever seen

  • @MurphyYves
    @MurphyYves Год назад

    Lama Dev really delivered on this one!!

  • @mdomarfaruq3160
    @mdomarfaruq3160 3 месяца назад

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

  • @JakeSummers2424
    @JakeSummers2424 2 года назад +1

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

  • @neha02818
    @neha02818 Год назад

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

  • @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.

  • @Harry-jl1fi
    @Harry-jl1fi 2 года назад +1

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

  • @AzizKhan-or8yp
    @AzizKhan-or8yp Год назад

    Thanks @lamaDev for this amazing tutorial ❤

  • @nineteen5899
    @nineteen5899 Год назад

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

  • @ozkanselcuk1735
    @ozkanselcuk1735 2 года назад +1

    An another one! :D Awesome topic again!

  • @liorjjj
    @liorjjj 2 года назад

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

  • @micaellesantt
    @micaellesantt Год назад

    Im brazilian and your english is very good to understand

  • @shlomiyahbes4882
    @shlomiyahbes4882 2 года назад +1

    THANK YOU - great video 🤩🤩

  • @amolmagar3019
    @amolmagar3019 2 года назад +1

    Love from India ❤️ you are the best

  • @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.

  • @kelvinwarddev1393
    @kelvinwarddev1393 2 года назад +2

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

  • @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.

  • @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

  • @nameno8120
    @nameno8120 2 года назад

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

  • @melvintivane9432
    @melvintivane9432 2 года назад +2

    Awesome video, very didactic. Thanks man.✨

  • @vidhanshuborade5977
    @vidhanshuborade5977 Год назад

    Excellent tutorial 💓
    Thanks Lama Dev

  • @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.

  • @mohammadnaim9226
    @mohammadnaim9226 2 года назад

    Your every project is so much effective...

  • @prakharvats2766
    @prakharvats2766 2 года назад

    FlawLess ,
    this cleared many doubts of mine

  • @soneetgoyal4288
    @soneetgoyal4288 2 года назад

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

  • @rakab2010
    @rakab2010 2 года назад +1

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

  • @DianeUwase-cw3ez
    @DianeUwase-cw3ez 2 года назад +1

    Thank you guy to this awesome and helpful video

  • @ItsDeffoScott
    @ItsDeffoScott Год назад

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

  • @mdsaifulislamshanto4444
    @mdsaifulislamshanto4444 2 года назад +2

    Such a great project

  • @sugrivlodhi2607
    @sugrivlodhi2607 2 года назад

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

  • @alimosavar3919
    @alimosavar3919 Год назад

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

  • @PontesesEduardo
    @PontesesEduardo 5 месяцев назад

    Thanks for sharing with us such a great content.

  • @amirThePiper
    @amirThePiper 2 года назад

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

  • @user-dawit
    @user-dawit Год назад

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

  • @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.

  • @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

  • @seewhatseeabc
    @seewhatseeabc Год назад

    holysheet damn good tutorial for mui finally

  • @Muthukumar-bc6sg
    @Muthukumar-bc6sg 2 года назад +2

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

  • @amooyanhh
    @amooyanhh Год назад

    Thank you so much for this wonderful tutorial

  • @riomax7706
    @riomax7706 Год назад

    Thank you very much for this course.

  • @psyferinc.3573
    @psyferinc.3573 2 года назад +1

    this was def amazing

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 года назад +5

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

  • @kamonahmedreal
    @kamonahmedreal 2 года назад +2

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

  • @kadirertan8664
    @kadirertan8664 Год назад

    Great course. Thanks! 🔥🔥🔥

  • @investneur8232
    @investneur8232 7 месяцев назад

    Confidence boosting project thanks...

  • @karishmakhondunaik
    @karishmakhondunaik Год назад

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

  • @farouqabdurrahman999
    @farouqabdurrahman999 Год назад

    this is actually very good!

  • @chriskevini
    @chriskevini 2 года назад

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

  • @ListeningBeauty
    @ListeningBeauty 2 года назад +2

    Please make video to implement aramax shipping integration with react class components

  • @jssecrets
    @jssecrets 9 месяцев назад

    Thank you Lama Dev!

  • @salasdelil4151
    @salasdelil4151 Год назад

    Thank you, it's really awesome project👍

  • @zlackbiro
    @zlackbiro 2 года назад

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

  • @ludwigvillalba1886
    @ludwigvillalba1886 2 года назад

    Lama, thank you for sharing!!!

  • @riamahmed7019
    @riamahmed7019 2 года назад

    Thank you Lama, God bless you!

  • @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 ☺️

  • @syedrizwanalishah7715
    @syedrizwanalishah7715 4 месяца назад +1

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

  • @SIDDHARTH45VR
    @SIDDHARTH45VR 2 года назад

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

  • @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.

  • @guymandude2774
    @guymandude2774 2 года назад

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

  • @moinkhan-xd6pe
    @moinkhan-xd6pe 2 года назад

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

  • @peoplefordemocracy
    @peoplefordemocracy Год назад

    This is really great

  • @daveckw
    @daveckw 2 года назад

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

  • @khandoor7228
    @khandoor7228 2 года назад

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

  • @iafofkhadze4628
    @iafofkhadze4628 Год назад

    wow such a great video

  • @faisalamin001
    @faisalamin001 2 года назад

    Thanks a lot, it was fun while watching

  • @MTEKBeats
    @MTEKBeats Год назад

    How did you fix the extra margin that was on the left side of the Feed component while in mobile view?? @1:00:08