React Dialogs (the right way)

Did you know HTML has a native dialog tag that includes built-in accessibility wins!? It's an elegant little API and it's really well supported. Here's how to get a basic version going with React.

🔗 Key Links 🔗
Github: https://github.com/coding-in-public/r...

---------------------------------------

📹 Related Videos 📹
ForwardRef video:    • Never Forget React forwardRef Again  
Emmet in HTML:    • Emmet Expansion with HTML (How to typ...  

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
0:40 Setup
2:25 Basic dialog setup
5:42 Adding dialog content
8:01 Add a close button to the dialog
8:27 Close dialog on outside click
10:51 Abstracting dialog to a separate component

---------------------------------------

🌐 Connect With Me 🌐
Website: https://codinginpublic.dev
Blog: https://chrispennington.blog
Twitter:   / cpenned  
Patreon:   / coding_in_public  
Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...