ラッパー: @tsparticles/react
tsParticles の公式 React ラッパー。
インストール
bash
pnpm add @tsparticles/react @tsparticles/engine @tsparticles/slim簡単なセットアップの流れ
- ラッパー + エンジン + ローダー パッケージをインストールします。
ParticlesProviderをアプリのルート（例：main.tsxまたはlayout.tsx）に配置します — アプリのライフサイクル全体で 1 回だけレンダリングする必要があります。ParticlesProviderおよびloadSlimを使用して 1 回初期化します。- 型指定されたオプションを使用して
Particlesコンポーネントをレンダリングします。
モノリポジトリ参照
- パッケージフォルダー: https://github.com/tsparticles/tsparticles/tree/main/wrappers/react
- デモアプリ: https://github.com/tsparticles/tsparticles/tree/main/demo/react