React Modal Tutorial using Hooks and Portals from scratch ?

How to build efficient Modal in React Js using portals?

Demo Link?: https://react-reusable-components.vercel.app/

As per the official documentation of CRA,
➡️Note: LibSass and the packages built on top of it, including Node Sass, are deprecated. If you're a user of Node Sass, you can migrate to Dart Sass by replacing node-sass in your package.json file with sass.

Hi there ?,

In this video I am going to show you how to create interactive modal in react from scratch.

For this project we're going to use,
▶️ React Hooks
▶️ node-sass


Don't forget to watch whole videos, we're going to learn a lot of stuff like,
▶️ React Hooks
▶️ Creating Modal layout
▶️ Dynamic content rendering in Modal
▶️ How to use react portals to create Modal
▶️ Adding close events in Modal
▶️ Animating Modal
▶️ How you can create frost-glass UI with just one line of code

Get Awesome wallpapers from : https://trianglify.io/
Learn more about portals in react: https://youtu.be/lOrV40oLUXA

Watch whole video in order to understand so that you can easily build and customize Modal component for your own projects.

Final CODE:
https://github.com/codebucks27/React-reusable-components/tree/master/react-modal
[? ???????? ??????? ??? ?? ????? ???? ????? ???? ?? ?? ??? ??? ????? ??? ???? ?? ???????? ????]

In upcoming videos, I'm going to create lots of cool stuff with JavaScript and react so make sure to subscribe.

Like, Sub? & Share! ♥

Learn More About,

Build Responsive website with ReactJS, Styled-Components & GSAP❣️:
https://youtu.be/aAEfBxcGpJ8

If you want to learn Redux as a beginner here is Tutorial for you ?:
https://youtube.com/playlist?list=PLjxZxD6BDkeYHNuoy6nX2KS4468C2neHS

Build Devto Clone in React:
https://youtube.com/playlist?list=PLjxZxD6BDkebDKxYH4El8P4Obb5VzcGlX

Build Awesome stuff with ReactJs (Playlist) :
https://youtube.com/playlist?list=PLjxZxD6BDkebOPXoqccGpiinfdY9zybXm

React Advanced Topic (Playlist) :
https://www.youtube.com/playlist?list=PLjxZxD6BDkeZoRU6v7gMyQ7BirGD6u0Lt

If you have any suggestions regarding any topics in Web Development feel free to reach out or just comment below.

Thank You for watching! ?

Music Credits?:

Ezzy - Focus https://chll.to/cbcd0a55

Philanthrope, mommy - soupeddd! https://chll.to/98090020

Mama Aiuto - Small Town Palm Trees https://chll.to/10023c1e

Get more awesome music from https://chillhop.com


Where else you can find me:
??????? ? : https://twitter.com/code_bucks
????????? ?: https://www.instagram.com/code.bucks
????? ?: [email protected]

Disclaimer:
All videos are for educational purpose and use them wisely. Any Resources used in this video are for educational purpose only.

#ReactModal
#ModalinReactJS
#ReacPopup