React Modal Tutorial Using Hooks and Styled Components

Learn how to make a simple React Modal Popup in this beginner React JS Tutorial. We will use React Hooks and styled components to build this project. You will be able to click outside of the modal and press the ESC key to close it as well.

If you want to follow me along my coding journey, be sure to subscribe :)
@briandesign

Timeline
0:00 What we are building
0:56 Creating React App
3:32 Installing Dependencies
5:00 Creating Modal Button
18:52 Closing Modal on Outside Click

Source code
https://www.codavilla.com/posts/react...

• #education
• #react_modal
• #react_modal_tutorial
• #react_modal_component
• #react_js
• #react
• #react_modal_form
• #react_modal_hooks
• #react_modal_animation
• #react_modal_video
• #use_ref
• #usecallback
• #react_hooks
• #modal_popup
• #react_modal_popup
• #react_js_project
• #reactjs_tutorial
• #react_js_beginner_tutorial
• #react_modal_from_scratch
• #how_to_make_a_modal_in_react
• #react_js_tutorial
• #beginner_react_project
• #beginner_react_tutorial
• #beginner_react_js
• #modal
• #popup_modal
• #close_modal_outside_click