React Material UI Popup Dialog

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

КОМЕНТАРІ • 55

  • @CodAffection
    @CodAffection  4 роки тому +5

    goo.gl/bPcyXW : Buy me a Coffee
    bit.ly/3Xq8RPF : Next Part
    bit.ly/3AG7HX4 : Previous Videos
    bit.ly/3MkvBrh : React Quiz App with Web API
    bit.ly/3Me2bxo : Everyone's favourite way of creating React forms
    bit.ly/3UQdqPZ : Learn JavaScript in One Video
    bit.ly/2HwIEqF : MERN Stack CRUD

  • @apoilgun8342
    @apoilgun8342 3 роки тому +7

    Dang I'm trying to do something exactly like this and had been searching for a day to find a similar example. Then I found it out of nowhere.. cheers man!!

  • @matheson.phillip
    @matheson.phillip 4 роки тому +14

    BOOM, thats it!
    Many thanks for your contributions. I cant speak highly enough of your content. Beautifully explained and logically coded. I especially appreciate you taking the extra effort to code in such a style that incrementally improves on the components optimizing as you need. Instead of writing a perfect component, you take the time to explain what/how to improve incrementally. I have learned so much for you.
    I'll be sure to check out what else you have to offer.
    Enjoy a coffee/beer on me ;) Thanks again

  • @sparkygaming1746
    @sparkygaming1746 Місяць тому +2

    Thanks the explanation is good, I got to know many things "Here"

  • @RR-le7wd
    @RR-le7wd 3 роки тому +1

    Instead of inserting data from form and showing , updating , delete from react can I use same operation with api ?

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

    Thank you so much! you explain so well and clear! I've learned a lot from your videos!

  • @programmersohel
    @programmersohel 3 роки тому +1

    How can I create moveable Popup according to your methodology ? Plz, Help me.

  • @RR-le7wd
    @RR-le7wd 3 роки тому

    Can we use api instead of hard to this this project?

  • @g.bagiryan
    @g.bagiryan 3 роки тому +1

    Hey man, first of all thanks for your videos! I have a question I was hoping you could help me out with. So whenever you submit your form you immediately close it, but what if I have some validation on the back end and I want to close the form only if there are no errors after an async request to the server? How would you do that?

  • @rajithak9415
    @rajithak9415 3 роки тому

    Here u had used control button , can't it work with bootstrap button. Let me know plz

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

    Unfortunately, in MUI v5, useStyles is considered legacy/deprecated.
    This example needs some refactoring.
    Another way of applying css to paper is by writing `classes={{ paper: 'modal-container' }}`, where `modal-container` is a class defined in an imported css file.

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

    Hi brother, great explaination but I am stuck in place of select I am using autocompelete that to 2 autocomplete in the same add/edit form, I cannot prefill the autocompeletes for editing can you please help?

  • @AbrorAyo
    @AbrorAyo 4 роки тому

    It's the first time I'm clicking on someone's notification bell cuz these videos are AWESOME!!!

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

    what is the font are you using in vscode.

  • @iUmerFarooq
    @iUmerFarooq 4 роки тому +1

    Connect this application with Firebase?

  • @sims1awsnew685
    @sims1awsnew685 3 роки тому

    Great Vid. Thanks a lot. .Im getting data from an API and using this tutorial to build my table. Quick question. For the edit button, I'm getting data from an API and passing the data to useForm by setting the record item but its not populating my form. Any suggestions. Thanks

  • @alessiozubiani4717
    @alessiozubiani4717 4 роки тому

    For your understanding, I'll tell you I'm using redux to handle API calls. So my doubt would be how to handle the closing of the popup after calling "dispatch (function)" inside the addOrEdit method

  • @alessiozubiani4717
    @alessiozubiani4717 4 роки тому +1

    Hi, I have a question. In the addOrEdit function of the Employees component you are able to perform other actions after adding / updating an employee (for example: resetForm, close the popup, etc). In your case, however, the insertion / updating of the employee is all managed synchronously. How can I do to manage the same behavior but using a call to an API? In this case it would be an asynchronous call so I would like to close the popup only after the API has answered me.
    Thanks in advance

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

    Can u tell me how to disable past date

  • @brendonanderson8673
    @brendonanderson8673 4 роки тому +1

    Awesome man can you do a Blazor video in the future when you have time

  • @meresafarkikahaniya
    @meresafarkikahaniya 4 роки тому +1

    Hello sir we love your videos but sir can we have videos on react native please

  • @himanshusharma1066
    @himanshusharma1066 4 роки тому

    this is exactly what I wanted
    thank you, sir

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

    there will be this example on mui 5?

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

      Not yet. but you can expect in future.

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

    Does this work now?

  • @SmokyBigSmoke
    @SmokyBigSmoke 3 роки тому

    Wonderful explanation.Thank you.

  • @MichelRibeiro187
    @MichelRibeiro187 3 роки тому

    how to close the popup when I click outside ?

  • @sofiakartika237
    @sofiakartika237 3 роки тому

    ini chanel kesukaan temen saya wkwkwk

  • @kefamutuma7402
    @kefamutuma7402 4 роки тому

    Suggestion: Responsive side menu? where it closes partially to show only the icons and opens to show the full icon and text

    • @paulkitonyi7031
      @paulkitonyi7031 4 роки тому

      Hope this is what you are looking for material-ui.com/components/drawers/#mini-variant-drawer

  • @sainathpatil6893
    @sainathpatil6893 3 роки тому

    you are life saver bro !!!

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

    If you use @mui/icons-material the property is called sx for every component

  • @dijiflex
    @dijiflex 3 роки тому

    This was a perfect video 💯

  • @aleksandrmatyka3118
    @aleksandrmatyka3118 3 роки тому

    Its awesome, man you are genious)

  • @abhijeetab6670
    @abhijeetab6670 4 роки тому

    Need your help to design the login page using the material UI

  • @Smkkoding
    @Smkkoding 4 роки тому

    thank u sir for the knowladge

  • @MAKafi-mj7iv
    @MAKafi-mj7iv 4 роки тому

    That is really awesome. Thank you ,Sir.

    • @CodAffection
      @CodAffection  4 роки тому

      Glad you liked it!, let me know if you've any video suggestion regarding react/ material ui?

  • @codingwithtony
    @codingwithtony 3 роки тому

    Thank u!! I love this video

  • @visakh_vijayakumar_
    @visakh_vijayakumar_ 4 роки тому

    Again Bhoooooooooooooom.....Awsome video!! Thanks man..

  • @eitalele7752
    @eitalele7752 3 роки тому

    Thank you so much! It helped a lot (:

  • @ragnarlothbrok3513
    @ragnarlothbrok3513 4 роки тому

    Thanks for this tutorials..

  • @ShraddhaKatti
    @ShraddhaKatti 3 роки тому

    Some one please explain me how to store data in this i want to connect wamp server

  • @dhruvvarshney1040
    @dhruvvarshney1040 3 роки тому

    thanks bro I just want the same thing

  • @rangabharath4253
    @rangabharath4253 4 роки тому +1

    awesome

  • @winnyglobal7106
    @winnyglobal7106 3 роки тому

    Please is It possible to get a link to github

    • @CodAffection
      @CodAffection  3 роки тому

      It should be these in video description.

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

    Your screen is not seen

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

    "The softs in these softs are gonna be sent to the setuper"

  • @ashraf6850
    @ashraf6850 3 роки тому

    Hello sir without scaffolding crud operation banao asp.net MVC EntityFramework please sir

  • @patloladeepthi3597
    @patloladeepthi3597 4 роки тому

    Please post backend code

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

    You are doing a great job but badly, what is missing in your videos is the explanation behind what you do in the video, you explained what you were doing but you did not explain the reason behind doing that, you videos lack this approach, your videos may be good for people who are already familiar with React and other associated technologies but for beginners they are of little use, please change the way you make videos and be more explanatory

  • @rithikraj1813
    @rithikraj1813 3 роки тому

    You know your accent is annoying if somebody didn't said that you I'm saying quit it or learn from nice tutorial..... but a productive video though..