Name: Creating Custom Pop-up Modals in React using Portals 🔥 | Videos | Gan Jing World
Uploaded: 2023-01-17T05:00:00.000Z
Duration: 15 min 41 s
Description: In this tutorial, we'll be showing you how to create custom pop-up modals in React using portals. We'll cover the basics of portals, including what they are and... | Videos | Gan Jing World

Thapa Technical

https://video5-us-west.cloudokyo.cloud/video/v5/72/c8/30/72c830fa-77ce-4867-877e-c40cabb2cd59/master.m3u8

In this tutorial, we'll be showing you how to create custom pop-up modals in React using portals. We'll cover the basics of portals, including what they are and how they work, and then dive into building a custom modal component using React portals. By the end of this video, you'll have a solid understanding of how to use React portals to create custom modals for your web applications.  With the knowledge from this video, you will be able to create engaging and interactive user interfaces, and improve the overall user experience of your web applications. So, if you want to learn how to create custom pop-up modals in React with portals, and how to rank your video on YouTube, then this is the video for you!

👉 Free Source Code: https://www.thapatechnical.com/2023/01/create-modal-in-react-js-in-2023-with.html

😊 Become Member, get access to perks, free Source code, & more..
https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join

😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical

👩‍💻 Discord Server Link for Programmer to Hangout: https://discord.gg/MdScmCsua6

✌ Website Link:  https://www.thapatechnical.com

------TIMELINE--------
0:00 Intro
0:15 Overview of App
1:30 Problem with current appraoch
5:01 create Parent Div
7:40 create Portal 
9:40 Inspect Portal code
10:15 make component and pass
12:32 button simplification
14:00 preview

************* 😍 Must Watch Videos For Web Development 😍 *************

➡️ Complete Reactjs in One video here  https://youtu.be/43IbFDSVdB0

➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw


➡️ CSS in One video:  https://youtu.be/hkQv0NIxKQY


➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA


➡️ JavaScript in One video:   https://youtu.be/PODgPW-hbfU


➡️  ECMAScript 6 in One Video:  https://youtu.be/Iek4DtRobLA


➡️ HTML5 in one video:  https://youtu.be/4V0-YpO-KZo


➡️ CSS3 in one video:  https://youtu.be/TFrFx7H5ZI8


➡️ Bootstrap4 in One video:   https://youtu.be/yZnNnvXO8HI


➡️ Jquery in One video:  https://youtu.be/PNvyPEQ0y-I


➡️ JSON in one video:  https://youtu.be/bMqevPKAPD4


➡️ ReactJS in one video:  https://youtu.be/43IbFDSVdB0


➡️ PHP in One Video:  https://youtu.be/3024Kc6SDJ0


➡️ NodeJS in one video:  https://youtu.be/ipnWAKoiBt


➡️ MySQL in one video:   https://youtu.be/5bFxbwjN-Gk


 ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true


➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA


➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg