Material UI in One Video with Project | React JS Material UI Project Tutorial

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

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

  • @RoadsideCoder
    @RoadsideCoder  3 года назад +2

    Join our new Telegram Group 🔥🔥
    t.me/joinchat/4kdh0elulIwwY2M1

  • @tomasburian6550
    @tomasburian6550 3 года назад +7

    Man, you are saving my life on every step of my journey with these videos :)
    Great job and keep them coming!

  • @RizaHariati
    @RizaHariati 3 года назад +1

    I was just thinking about how bad the audio is when the 'forgot to turn off fan' came up. Thank you for the tutorial. It came out good.

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Yeah I try to keep quality best, but sometimes mistake happens

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

    Your video;s are awesome and very usefull bro. keep making nice video's like this. thanks

  • @lucasfernandes9381
    @lucasfernandes9381 3 года назад

    I met you through the FFC channel and I loved your way of teaching and your content, another student of yours in Brazil.

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Awesome dude! Glad you liked my content 🙏

  • @39-rokhirawlo29
    @39-rokhirawlo29 3 года назад +2

    This channel will definitely grow with such content ✌️✌️

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      With your support.. Definitely! 🙏

    • @39-rokhirawlo29
      @39-rokhirawlo29 3 года назад +1

      @@RoadsideCoder sure brother my support is always with you

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

    Which one do you prefer? Bootstrap or tailwind or material ui or any other?

  • @techzone-official5806
    @techzone-official5806 10 месяцев назад

    Happy coding. ❤️

  • @leamon9024
    @leamon9024 3 года назад

    Nice! Thanks bro. Your video is really useful as usual.

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Cool 🔥🤟

    • @leamon9024
      @leamon9024 3 года назад

      @@RoadsideCoder Hello sir, could you also do a video about how to build a dashboard page with React and material-ui?

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Yeah sure.. Will do it soon!

    • @leamon9024
      @leamon9024 3 года назад

      @@RoadsideCoder Thanks very much bro!! Looking forward to it : )

  • @ashish_prajapati_tr
    @ashish_prajapati_tr 3 года назад +2

    amazing

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

    Love your work bro!

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

    Sir theme is Woking on intail Phase also that is good tutorial thank you

  • @ainunseptian5591
    @ainunseptian5591 3 года назад

    Thanks bro, you are very helpful

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

    12:40 arre chooona laga diaaa🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣

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

    The number of places I don't understand, How do you identify dark theme not worked.

  • @1991antekn
    @1991antekn 3 года назад

    Hi Piyush, nice video, it would be great if you could make a project blog with backend service as well.

    • @RoadsideCoder
      @RoadsideCoder  3 года назад +1

      Ok man, Noted for the future video!

  • @bishaladhikari8691
    @bishaladhikari8691 3 года назад +1

    I m little confused on flexGrow , how it moved the item to the rightside

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      It takes all the available space in that container

    • @bishaladhikari8691
      @bishaladhikari8691 3 года назад

      @@RoadsideCoder one last question
      Previously i had imported makeStyles from
      '@material-ui/core/styles' it was working fine and then i got an error
      which says
      Error: Material-UI: makeStyles is not longer exported from @material-ui/core/styles.
      You have to import it from @material-ui/styles.
      I imported makeStyles from '@material-ui/styles' but its not working

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

    i imported classes using "import classes from "*.module.css"" but this is not working

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

    Sir at 23:35, when I tried to add space between the title and notification it's giving an error like "" class is not defined or use.

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

    What is the version of mui??

  • @eelguneezmemmedov1671
    @eelguneezmemmedov1671 3 года назад

    Dude when we watch it seems easy but when times come to apply by own it takes so much time How long does it take to get used to to use like u :)

    • @RoadsideCoder
      @RoadsideCoder  3 года назад +1

      Just keep building, after 3-4 projects you'll get used to it. Use documentation

    • @eelguneezmemmedov1671
      @eelguneezmemmedov1671 3 года назад

      @@RoadsideCoder Thank u Man U help so much !

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

    bro Material Ui depncency getting error not added in package.json

  • @sumonsaleh-b4k
    @sumonsaleh-b4k 7 месяцев назад

    sorry to say new version of material UI has changed the issue a lot. so please up date

  • @GameCrawl
    @GameCrawl 3 года назад

    Do you need to install the Montserrat font?

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      No, just take it from google fonts like I did!

    • @GameCrawl
      @GameCrawl 3 года назад

      @@RoadsideCoder This is the part that you talked about Montserrat: ruclips.net/video/PF6z8Rs0bhY/видео.html&ab_channel=MattTheDevMattTheDev

    • @RoadsideCoder
      @RoadsideCoder  3 года назад +1

      Here's the source code.. U can compare
      github.com/piyush-eon/material-ui-tutorial

  • @surajdhungana407
    @surajdhungana407 3 года назад

    sidebar is overlap with headers and pagecontent? how can we avoid it?

  • @abhishekchhipa9585
    @abhishekchhipa9585 3 года назад

    bro please help, I am using flexGrow:1 but the notification and profile icons are not going to the right

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Is the parent container display:flex?

    • @abhishekchhipa9585
      @abhishekchhipa9585 3 года назад

      @@RoadsideCoder no, but in tutorial and in source code you've just written title:{flexGrow:1,} in the typography component !

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Oh that's weird, try to add it to the parent tag

  • @priyankakakkar4603
    @priyankakakkar4603 3 года назад

    for me the images are not showing in all cards

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Ping me code on insta @RoadsideCoder

  • @parikshitrawat8680
    @parikshitrawat8680 3 года назад +1

    So much has changed in material ui v5. They've even deprecated the makeStyles hook now. 😐

    • @RoadsideCoder
      @RoadsideCoder  3 года назад +1

      Even more changed now.. They have useTheme hook too!

    • @parikshitrawat8680
      @parikshitrawat8680 3 года назад

      @@RoadsideCoder sooo new updated tutorial when? 👀 Also any recommended resource other than official docs?

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Abi u can follow this.. This is very relavant.. But surely I'll make a updated one soon!

    • @parikshitrawat8680
      @parikshitrawat8680 3 года назад

      @@RoadsideCoder 🔥

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

    so much background noise,First time your video has this much noise,maximum I followed every video of you

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

      its a very old video bro, that time I didnt have good mic

  • @priyankakakkar4603
    @priyankakakkar4603 3 года назад

    how it is importing automatically?

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      Press ctrl+space after the word, it will give you suggestion.. Then press enter

    • @priyankakakkar4603
      @priyankakakkar4603 3 года назад

      @@RoadsideCoder no i am not getting are you using any plugins .... for material UI

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      No, VS Code provides all these features.

    • @RoadsideCoder
      @RoadsideCoder  3 года назад

      ruclips.net/video/x0L_M-m6c4k/видео.html
      Check this

    • @Greatcoders
      @Greatcoders 3 года назад

      surprised to see Priyanka here , still having question ? add extension for auto importing , if your default vs code 's importing not working ...

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

    old info

  • @once-upon-a-time-7
    @once-upon-a-time-7 3 месяца назад

    bc c t r l space kia hta a control plus space bol lorooo

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

      bhai englando mat bolo, samajh ni aya