अपने React ऐप में टिप्पणियाँ जोड़ें
यह FastComments के लिए आधिकारिक React लाइब्रेरी है।
अपने React ऐप में लाइव कमेंटिंग, चैट और रिव्यू विजेट एम्बेड करें।
रिपॉज़िटरी
एआई कोडिंग एजेंट 
अपने कोडिंग एजेंट को FastComments का वह संदर्भ दें जिसकी उसे आवश्यकता है - विजेट्स, कॉन्फ़िगरेशन, Secure SSO, REST API, और SDKs:
npx skills add fastcomments/skillsयह Claude Code, Codex, Cursor, Copilot, Gemini, और skills CLI द्वारा समर्थित हर अन्य एजेंट के साथ काम करता है।
लाइव डेमो
हर विजेट को लाइव आज़माएँ https://fastcomments.com/commenting-system-for-react/ पर।
इंस्टॉलेशन
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactलाइव शोकेस
सार्वजनिक demo टेनेंट के विरुद्ध हर विजेट और फ़्लो को स्थानीय रूप से चलते देखने के लिए, रिपॉज़िटरी को क्लोन करें और चलाएँ:
npm install
npm run build
cd examples/example-showcase
npm install
npm run devउदाहरण लाइब्रेरी से file:../.. के माध्यम से लिंक होते हैं, इसलिए dist/ बनाने के लिए रूट npm run build चरण एक बार चलाना आवश्यक है।
प्रत्येक विजेट/फ़्लो का अपना व्यू examples/example-showcase/src/views/ के अंतर्गत होता है, जिसे आप सीधे अपने React ऐप में कॉपी कर सकते हैं।
उदाहरण
अलग-अलग उपयोग के मामले (डार्क मोड, पेजिनेशन, आदि) examples/ के अंतर्गत अपने स्वयं के फ़ोल्डरों में हैं। प्रत्येक को npm install से सेटअप किया जा सकता है और npm run dev (Vite) से शुरू किया जा सकता है।
उपयोग
मुख्य विजेट कंपोनेंट
FastCommentsCommentWidget कंपोनेंट में लाइव FastComments कमेंट विजेट होता है।
नीचे "demo" की जगह अपना "tenantId" डालें - जो FastComments एडमिन एरिया में यहाँ उपलब्ध है।
विजेट बहुत सारे विकल्प सपोर्ट करता है - src/index.tsx में FastCommentsCommentWidgetConfig देखें।
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}वर्तमान पेज अपडेट करना (SPAs के लिए)
कमेंट थ्रेड से जुड़े पेज/आर्टिकल को अपडेट करने के लिए आपको कॉन्फ़िगरेशन पैरामीटर "urlId" और "url" अपडेट करने होंगे। उदाहरण और व्याख्या यहाँ देखें।
अकाउंट रीजन (ध्यान दें: EU ग्राहक)
यदि आप EU में हैं, तो आपको क्लाइंट विजेट्स को बताना होगा कि आप किस रीजन में हैं। examples/example-eu देखें;
अन्यथा, आपको region परिभाषित करने की आवश्यकता नहीं है।
कमेंट काउंट विजेट
FastCommentsCommentCountWidget कंपोनेंट में लाइव FastComments कमेंट काउंट विजेट होता है।
नीचे "demo" की जगह अपना "tenantId" डालें - जो FastComments एडमिन एरिया में यहाँ उपलब्ध है।
सपोर्टेड कॉन्फ़िगरेशन विकल्पों के लिए src/index.tsx में FastCommentsCommentCountConfig देखें।
import React, { Component } from 'react'
import {FastCommentsCommentCountWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentCountWidget tenantId="demo" urlId="https://example.com/some-page-or-id" />
}
}नेटिव
FastComments का पूरी तरह नेटिव इम्प्लीमेंटेशन देखने के लिए, fastcomments-react-native-sdk देखें।
इस लाइब्रेरी का React Native रैपर (webview का उपयोग करते हुए) देखने के लिए, fastcomments-react-native देखें।
रखरखाव स्थिति
ये कंपोनेंट्स हमारे कोर VanillaJS कंपोनेंट्स के रैपर हैं। हम इन कंपोनेंट्स को अपने आप अपडेट कर सकते हैं (बग ठीक करना, फीचर्स जोड़ना) बिना इस लाइब्रेरी को प्रकाशित किए, इसलिए भले ही यह कुछ समय तक प्रकाशित न हो, इसका मतलब यह नहीं कि FastComments सक्रिय विकास में नहीं है! अपडेट के लिए हमारा ब्लॉग देखने के लिए स्वतंत्र महसूस करें। अंतर्निहित कोर लाइब्रेरी में ब्रेकिंग API बदलाव या फीचर्स कभी भी इस लाइब्रेरी में वर्ज़न बंप किए बिना शिप नहीं किए जाएंगे।
सहायता चाहिए?
यदि आपको React Library के बारे में कोई समस्या आती है या कोई प्रश्न है, तो कृपया:
योगदान देना
योगदान का स्वागत है! कृपया योगदान दिशानिर्देशों के लिए GitHub रिपॉजिटरी देखें।