रैपर: @tsparticles/react
tsParticles के लिए आधिकारिक रिएक्ट रैपर।
स्थापित करें
bash
pnpm add @tsparticles/react @tsparticles/engine @tsparticles/slimत्वरित सेटअप प्रवाह
- रैपर + इंजन + लोडर पैकेज स्थापित करें।
ParticlesProviderको अपने ऐप रूट (जैसेmain.tsxयाlayout.tsx) पर रखें — इसे संपूर्ण ऐप जीवनचक्र में केवल एक बार रेंडर किया जाना चाहिए।ParticlesProviderऔरloadSlimसे एक बार आरंभ करें।- टाइप किए गए विकल्पों के साथ
Particlesघटक प्रस्तुत करें।
मोनोरेपो संदर्भ
- पैकेज फ़ोल्डर: https://github.com/tsparticles/tsparticles/tree/main/wrappers/react
- डेमो ऐप: https://github.com/tsparticles/tsparticles/tree/main/demo/react