Simple confetti particle in React.

Install

• npm

  npm install --save @guanghechen/react-confetti

• pnpm

  pnpm 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