Modal in React JS and Next JS + 8 useful examples
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
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
بـار بازدید شده