Custom React Modal Component
A quick guide on how to create a modular modal component in #react using #typescript
[Source Code in Blog Post]
/ 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 = / beforesemicolon
[Follow]
Linkedin = / beforesemicolon
Instagram = / before_semicolon_
Twitter = / beforesemicolon
Facebook = / beforesemicolon
Codepen = https://codepen.io/beforesemicolon
Reddit = / beforesemicolon
