How to create Confetti Effect for your website using React js

Add a touch of fun and interactivity to your web application with the React Confetti Effect library! This popular library allows you to easily add interactive confetti animations to your React-based projects using a simple and easy-to-use API. With the React Confetti Effect, you can customize the size, shape, and color of the confetti, as well as the direction and speed of the animation. Try it out today and bring some excitement to your web projects!

🎱Source Code for this Video:
https://norbertbm.com/how-to-create-confetti-effect-in-react-js/
-----------------------------------------------------------------------------

Previous project video:
https://youtu.be/tWM-k3VAYFc

Course Launch and winners
https://youtu.be/IA4P54djoF8

Get my latest Course:
https://www.udemy.com/course/30-react-projects-learn-react-js-by-building-30-web-apps/?referralCode=2100BCA344FCFF986E85

👇 Website & Courses: 👨‍🏫 :
https://norbertbm.com/web-development/web-dev-courses/

Podcast:
https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
02:52 - Project recap
04:18 - How to install react confetti
05:28 - How to stop the confetti effect in react js
07:48 - use react useeffect hook to stop the confetti effect after a timeout
09:40 -Watch for window width and height in react
12:38 - How to Resize the confetti effect in react js

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

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

#confettieffect #learnreact #norbertbmwebdevelopment