Modal in React JS and Next JS + 8 useful examples

Dev Empower
Dev Empower
1.4 هزار بار بازدید - 11 ماه پیش - Modal In React JS and
Modal In React JS and Next JS and Tailwind CSS

In this tutorial, We create a Modal Component and then We implement 8 different examples of Modal.

Also, we use charts. we install 'chart.js' and 'react-chartjs-2' packages and we create some beautiful charts.

📝 Completed codes: https://github.com/mohammad-taheri1/n...

Full Playlist: Next js and Tailwind CSS Tutorial

sections:

- 00:00:00 Intro
- 00:00:15 Demo
- 00:03:24 Clone repo & start coding
- 00:07:50 Implement Modal component
- 00:15:09 Example 1: Simple HelloWorld Modal
- 00:21:37 Example 2: Show Image Modal
- 00:25:56 Example 3: Video Player Modal
- 00:29:44 Example 4: Show Chart Modal
- 00:37:34 Example 5: Money Tracking Modal
- 00:47:36 Example 6: Confirmation Modal
- 00:51:57 Example 7: Input Form Modal
- 00:59:23 Example 8: Timer Countdown Modal
- 01:06:22 Review
- 01:08:30 Outro

🌎 Me:
Telegram: https://t.me/DevEmpower
LinkedIn:  LinkedIn: mohammad-taheri1
GitHub:     https://github.com/mohammad-taheri1
Medium:   Medium: DevEmpower
Portfolio:  https://devempower.ir/

💖  Hope you enjoy it 💖
💖  If you loved this Modal In React JS and Next JS and Tailwind CSS tutorial, leave comments, like, and subscribe 💖
💖  You can Buy me a coffee to support: https://www.buymeacoffee.com/DevEmpower 💖

#nextjs #react #tailwind
11 ماه پیش در تاریخ 1402/05/24 منتشر شده است.
1,442 بـار بازدید شده
... بیشتر