React Material UI Popup Dialog

Подписаться 146 тыс.

Просмотров 158 тыс.

50% 1

🍒 Related Videos
Next Video: • Build Your Own Confirm...
Previous Videos: • React Material UI Tabl...
MERN Stack CRUD: • Complete React + Node ...
React Quiz App with Web API: • Build a React.js Quiz ...
Everyone's favourite way of creating React forms: • React Hook Form - 1. I...
Learn JavaScript in One Video: • JavaScript Beginners T...
🚀 Udemy Course on React Hook Form with Material UI
➤ bit.ly/3WMwro6 (Discount auto-applied)
📂 GitHub Repository
► bit.ly/2DQbFzz
💖 Channel Support
➤ Paypal: bit.ly/3L36ut4
➤ UPI App: geni.us/ScanQR...
➤ Amazon: geni.us/Amazon...
💌 For Business Inquiries
➤ codaffection@gmail.com
🚶‍♂️ Follow us
Facebook : / codaffection
Discord : / discord
Twitter : / codaffection
---
React Material UI Popup Dialog
In this video, we will discuss how to create a popup or dialog in react material-ui. to demonstrate how the topic we have opened a form in a material-ui dialog for insert and update operation.
#MaterialUI #Reactjs #CodAffection

Опубликовано:

5 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 55

@CodAffection 4 года назад

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

@Smegmachin 4 года назад

"I came searching for copper and found gold". thank you for sharing your knowledge! greetings from Mx!!

@CodAffection 4 года назад

My pleasure!, thanks for the comment, let me know if you've any video suggestion related to react or material ui.

@apoilgun8342 3 года назад

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 4 года назад

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

@GeorgeFlorian12 2 года назад

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.

@cristi92ro 3 года назад

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

@CodAffection 3 года назад

Glad it was helpful!

@AbrorAyo 4 года назад

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

@alessiozubiani4717 3 года назад

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

@RR-le7wd 3 года назад

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

@programmersohel 3 года назад

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

@himanshusharma1066 3 года назад

this is exactly what I wanted thank you, sir

@g.bagiryan 3 года назад

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?

@nemanja084dragicevic4 4 месяца назад

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

@shivarammuthukumaraswamy7164 3 года назад

Wonderful explanation.Thank you.

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

@meresafarkikahaniya 3 года назад

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

@sainathpatil6893 3 года назад

you are life saver bro !!!

@alessiozubiani4717 3 года назад

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

@sofiakartika237 3 года назад

ini chanel kesukaan temen saya wkwkwk

@rajithak9415 3 года назад

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

@aleksandrmatyka3118 3 года назад

Its awesome, man you are genious)

@dijiflex 3 года назад

This was a perfect video 💯

@brendonanderson8673 4 года назад

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

@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

@Smkkoding 3 года назад

thank u sir for the knowladge

@visakh_vijayakumar_ 3 года назад

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

@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 4 года назад

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

@codingwithtony 3 года назад

Thank u!! I love this video

@eitalele7752 3 года назад

Thank you so much! It helped a lot (:

@MAKafi-mj7iv 3 года назад

That is really awesome. Thank you ,Sir.

@CodAffection 3 года назад

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

@iUmerFarooq 4 года назад

Connect this application with Firebase?

@ragnarlothbrok3513 4 года назад

Thanks for this tutorials..

@rangabharath4253 4 года назад

awesome

@MichelRibeiro187 2 года назад

how to close the popup when I click outside ?

@abhijeetshikharvlog1444 2 года назад

Can u tell me how to disable past date

@RR-le7wd 3 года назад

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

@pranav5831 2 года назад

what is the font are you using in vscode.

@abhijeetab6670 4 года назад

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

@ShraddhaKatti 3 года назад

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

@julianblond 2 года назад

there will be this example on mui 5?

@CodAffection 2 года назад

Not yet. but you can expect in future.

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

Does this work now?

@dhruvvarshney1040 3 года назад

thanks bro I just want the same thing

@ashraf6850 3 года назад

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

@sanjay9970 2 года назад

Your screen is not seen

@statusgamers6264 2 года назад

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

@winnyglobal7106 3 года назад

Please is It possible to get a link to github

@CodAffection 3 года назад

It should be these in video description.

@patloladeepthi3597 3 года назад

Please post backend code

@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