@guanghechen/react-confetti

@guanghechen/react-confetti

Simple confetti particle in React.

Install

• npm

  npm install --save @guanghechen/react-confetti
  

• yarn

  yarn add @guanghechen/react-confetti
  

Usage

import { useThrowRandomConfetti } from '@guanghechen/react-confetti'
import React from 'react'

const App: React.FC = () => {
  const throwConfetti = useThrowRandomConfetti()
  const [tick, setTick] = React.useState<number>(0)

  React.useEffect(() => {
    if (tick > 0) void throwConfetti()
  }, [tick])

  return <button onClick={() => setTick(c => c + 1)}>throw confetti</button>
}

Related