اگر شما تجربه قبلی کار با جاوااسکریپت را دارید، توسعه React برای شما راحت خواهد بود. برای نصب و راه‌اندازی ابزارک رایچت در فریم‌ورک ReactJs دو راه پیش روی شماست:

1. روش npm

ابتدا با کمک لینک زیر، Component آماده را از پکیج منیجر npm دریافت کنید:

raychat-react

و بعد از نصب Component، توکن سایت خود را به عنوان props به این Component پاس بدهید.

2. روش دستی

در این روش باید کد ابزارک را درون تگ Head پروژه‌ی React قرار دهید. برای شروع یک Component به اسم Raychat ایجاد کنید و با استفاده از ماژول React-Helmet ، کدهای ابزارک را درون تگ Head قرار دهید و سپس برای استفاده از ابزارک، Component را فراخوانی کنید. اگر با ماژول React-Helmet آشنایی ندارید، پیشنهاد می‌کنیم راهنمای آن را از لینک زیر مطالعه کنید:

react-helmet

نکته‌ای که در طول مسیر نصب و راه‌اندازی باید به آن‌ توجه کرد: به دلیل SPA بودن React، برای این‌که تنظیمات هوشمند‌سازی رایچت بتواند به درستی کار کند، باید Component ساخته شده را زمانی که React Router تغییر حالت می‌دهد استفاده کنید. در غیراین‌صورت با تغییر مسیر کد ابزارک reload نخواهد شد و در حالت قبل باقی خواهد ماند.