Custom React Modal Component

A quick guide on how to create a modular modal component in #react using #typescript

[Source Code in Blog Post]
Medium: how-to-create-custom-modal-dialog-in-react

[ Timeline ]
0:00 Intro
0:22 Create App
1:11 Create Modal Module
2:35 Modal Container Component
6:19 Style & Animate Modal Container
19:31 Modal Header Component
22:34 Style Modal Header
27:51 Modal Footer
28:45 Style Modal Footer
34:05 Modal Content
37:20 Click Outside Handler
42:54 Simple Focus Trap
47:55 Compose a modal component
51:07 Outro


Join this channel to get access to the perks:
@beforesemicolon

Website = https://beforesemicolon.com
Blog = Medium: beforesemicolon

[Follow]
- Linkedin = LinkedIn: beforesemicolon
- Instagram = Instagram: before_semicolon_
- Twitter = Twitter: BeforeSemicolon
- Facebook = Facebook: beforesemicolon
- Codepen = https://codepen.io/beforesemicolon
- Reddit = Reddit: beforesemicolon

• #education
• #web_development
• #technology
• #programming
• #react
• #typescript