DEV Community

Cover image for Working with Modals in React.JS | Context API | MUI v5 Dialog Component
Desi-Codes
Desi-Codes

Posted on

Working with Modals in React.JS | Context API | MUI v5 Dialog Component

Modals play an important role in any medium to large size of application, they are used for multiple purposes - Confirmation Box, Alerts, Displaying UI (Login/ Sign up) so it's no secret that Modals are integral to any application nowadays.

Dealing with Modals become cumbersome as the application grows, as there are certain challenges which come along the way - Too many modals, re-using (opening) modals from different parts of the application(different screens), Passing of data to the modals, etc.

In this tutorial, you will learn how to build up an organised structure using the React Context API which will help you overcome the stated problems in an efficient manner.

We will also build a custom hook

useModal()
Enter fullscreen mode Exit fullscreen mode

Check out the video tutorial -

https://www.youtube.com/watch?v=4BvvJ_HXyRE&ab_channel=DesiCodes

Top comments (0)