Προσθήκη Σχολίων στην Εφαρμογή React σας
Αυτή είναι η επίσημη βιβλιοθήκη React για το FastComments.
Ενσωματώστε widgets για ζωντανά σχόλια, συνομιλία και αξιολόγηση στην εφαρμογή React σας.
Αποθετήριο
Πράκτορες κώδικα AI 
Δώστε στον πράκτορα κώδικα σας το FastComments context που χρειάζεται - widgets, configuration, Secure SSO, το REST API και τα SDKs:
npx skills add fastcomments/skillsΛειτουργεί με Claude Code, Codex, Cursor, Copilot, Gemini, και κάθε άλλο πράκτορα που υποστηρίζει το skills CLI.
Ζωντανή Επίδειξη
Δοκιμάστε κάθε widget ζωντανά στο https://fastcomments.com/commenting-system-for-react/.
Εγκατάσταση
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactΖωντανή Παρουσίαση
Για να δείτε κάθε widget και flow να τρέχει τοπικά ενάντια στο δημόσιο ενοικιαστή demo, κλωνοποιήστε το αποθετήριο και τρέξτε:
npm install
npm run build
cd examples/example-showcase
npm install
npm run devΤα παραδείγματα συνδέονται με τη βιβλιοθήκη μέσω file:../.., έτσι το βήμα npm run build στη ρίζα χρειάζεται μία φορά για να παραχθεί το dist/.
Κάθε widget/flow έχει τη δική του προβολή στο examples/example-showcase/src/views/ που μπορείτε να αντιγράψετε απευθείας στην δική σας εφαρμογή React.
Παραδείγματα
Τα μεμονωμένα σενάρια χρήσης (σκοτεινή λειτουργία, σελιδοποίηση κ.λπ.) βρίσκονται στους δικούς τους φακέλους κάτω από examples/. Κάθε ένα μπορεί να ρυθμιστεί με npm install και να ξεκινήσει με npm run dev (Vite).
Χρήση
Το κύριο Widget Component
Το στοιχείο FastCommentsCommentWidget περιέχει το ζωντανό widget σχολίων FastComments.
Αντικαταστήστε το "demo" παρακάτω με το "tenantId" σας - διαθέσιμο here στην περιοχή διαχείρισης του FastComments.
Το widget υποστηρίζει πολλές επιλογές - δείτε το FastCommentsCommentWidgetConfig στο src/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}Ενημέρωση της τρέχουσας σελίδας (για SPAs)
Για να ενημερώσετε τη σελίδα/άρθρο στο οποίο συνδέεται το νήμα σχολίων, πρέπει να ενημερώσετε τις παραμέτρους διαμόρφωσης "urlId" και "url". Δείτε το παράδειγμα και την εξήγηση εδώ.
Περιοχή λογαριασμού (ΠΡΟΣΟΧΗ: Πελάτες ΕΕ)
Αν βρίσκεστε στην ΕΕ, θα θελήσετε να ενημερώσετε τα client widgets για την περιοχή στην οποία βρίσκεστε. Δείτε examples/example-eu;
Διαφορετικά, δεν χρειάζεται να ορίσετε το region.
Το Widget με τον μετρητή σχολίων
Το στοιχείο FastCommentsCommentCountWidget περιέχει το ζωντανό widget μετρητή σχολίων FastComments.
Αντικαταστήστε το "demo" παρακάτω με το "tenantId" σας - διαθέσιμο here στην περιοχή διαχείρισης του FastComments.
Δείτε το FastCommentsCommentCountConfig στο src/index.tsx για τις υποστηριζόμενες επιλογές διαμόρφωσης.
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" />
}
}Native
Για μια εντελώς native υλοποίηση του FastComments, δείτε fastcomments-react-native-sdk.
Για ένα wrapper React Native αυτής της βιβλιοθήκης, που χρησιμοποιεί webview, δείτε fastcomments-react-native.
Κατάσταση Συντήρησης
Αυτά τα components είναι περιτυλίγματα γύρω από τα βασικά μας components σε VanillaJS. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα components (επιλύοντας σφάλματα, προσθέτοντας λειτουργίες) χωρίς να δημοσιεύουμε αυτή τη βιβλιοθήκη, οπότε παρόλο που μπορεί να μην δημοσιευτεί για κάποιο διάστημα αυτό δεν σημαίνει ότι το FastComments δεν βρίσκεται σε ενεργή ανάπτυξη! Μη διστάσετε να ελέγχετε το ιστολόγιό μας για ενημερώσεις. Καταλυτικές αλλαγές στο API ή νέες λειτουργίες δεν θα αποσταλούν ποτέ στη βασική βιβλιοθήκη χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.
Χρειάζεστε βοήθεια;
Εάν αντιμετωπίσετε προβλήματα ή έχετε ερωτήσεις σχετικά με τη Βιβλιοθήκη React, παρακαλούμε:
Συνεισφορά
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο GitHub για οδηγίες συνεισφοράς.