Web Dev Roadmap for Beginners (Free!): [ Ссылка ]

Learn how to create a reusable modal in Next.js & React. You will learn the difference between a modal and a dialog, one big difference when building a modal for Next.js vs React, and why managing the modal state with URL params is a better choice than useState.

💖 Support me on Patreon ➜ [ Ссылка ]

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: [ Ссылка ]
- Advanced React: [ Ссылка ]
- Junior to Senior Dev Roadmap: [ Ссылка ]

🚩 Subscribe ➜ [ Ссылка ]

📬 Course Updates ➜ [ Ссылка ]

❓ Questions - Please post them to my Discord ➜ [ Ссылка ]

☕ Buy Me A Coffee ➜ [ Ссылка ]

👇 Follow Me On Social Media:
GitHub: [ Ссылка ]
Twitter: [ Ссылка ]
LinkedIn: [ Ссылка ]

🔗 Source Code: [ Ссылка ]

Modal in Next.js & React | Create a Dialog Component

(00:00) Intro
(00:15) Welcome
(00:37) Lesson Goals
(01:05) Starter Code Review
(02:29) Creating the Dialog Component
(13:51) Adding the Dialog to a page
(15:00) A Big Difference between Next.js & React
(17:24) Enabling Server Actions in Next.js
(18:20) Viewing the differences between Modals & Dialogs
(21:03) Why manage state with URL Params?
(22:15) Wrap up

📚 Tutorial References:
🔗 Next.js Official Site: [ Ссылка ]
🔗 Next.js Server Actions: [ Ссылка ]

Was this tutorial about building a Modal in Next.js & React helpful? If so, please share. Let me know your thoughts in the comments.

#nextjs #modal #dialog

свернуть