Create Reusable MODALS Using REACT JS [React Components Series]

How to build reusable modals using React, HTML, CSS, and Javascript. Subscribe for more React tutorials.

💻 Resources:

ＭＹ ＹＯＵＴＵＢＥ ＣＨＡＮＮＥＬＳ:

🐱‍👤 Links to support:

Feel free to message me no matter what for :)

#react #javascript #html #css

[readerrabbit]

Excellent content! Taking the time to explain things makes such a huge difference. It’s so hard to find people who actually walk their audience through the logic… most tutorials just click away on the keyboard and tell you basically “type x because it does y.”

[SuperAvinash]

Very helpful for me thanks for providing this video.

[sherfudeens]

Thanks for the great video. The modal works but i have a need to perform an action and send arguments on the button click on the modal and it doesn't seem to work. Do you know what i'm missing here. Example: <button type="button" class="btn btn-primary" Or if you have other suggestions let me know. Thanks again !

[DavidSchrodinger]

Thank you for the video! I'm using react-bootstrap. Is this effectively what react-bootstrap already does? I want to make sure I'm "converting" the concept over correctly. Boot-strap react is essentially implementing modals as dynamic components right? Or do we still need to implement the event listener still? Or has react been updated enough so that this has become easier? Because I just took the tutorial on their website and I feel like this can be implemented easier and even remember them discouraging the use of an event listener but I'm still super new to react. Any further help would be appreciated, but thank you for your time regardless!

[gabrielhuayamabe]

Hi, Excellent content and tutorial! I'm a beginner with react, I have a question for you, with this component, Can you make the header and footer dynamic?

[abhishekgaimukhe]

How to pass props to Custom modal like TestModal

[TheGarageboyz]

Thanks! Great video! How would I pass dynamic data to the modal(s) ?

[fatemehzamanipour]

thank you it works fine but it doesn't have any close function

[conanastasiou]

Hi - how practical is it to add functionality to wait after opening a modal until the modal is closed

[syntax]

So how do I create multiple modals from the same code