Προσθέστε Σχόλια στην Εφαρμογή React σας
Αυτή είναι η επίσημη βιβλιοθήκη React για το FastComments.
Ενσωματώστε widgets ζωντανών σχολίων, συνομιλίας και αξιολόγησης στην εφαρμογή React σας.
Αποθετήριο
Ζωντανή Επίδειξη 
Δοκιμάστε κάθε widget ζωντανά στο https://fastcomments.com/commenting-system-for-react.
Εγκατάσταση
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactΖωντανή Παρουσίαση
Για να δείτε κάθε widget και flow που εκτελούνται τοπικά ενάντια στο δημόσιο ενοικιαστή demo, κλωνοποιήστε το αποθετήριο και τρέξτε:
cd examples/example-showcase
npm install
npm run devΚάθε widget/flow έχει τη δική του προβολή στο examples/example-showcase/src/views/ που μπορείτε να αντιγράψετε απευθείας στην δική σας εφαρμογή React.
Παραδείγματα
Τα μεμονωμένα σενάρια χρήσης (σκοτεινή λειτουργία, σελιδοποίηση κ.λπ.) βρίσκονται στους δικούς τους φακέλους κάτω από examples/. Κάθε ένα μπορεί να ρυθμιστεί με npm install και να ξεκινήσει με npm run dev (Vvite).
Χρήση
The Main Widget Component
Το στοιχείο FastCommentsCommentWidget περιέχει το ζωντανό widget σχολίων FastComments.
Αντικαταστήστε το "demo" πιο κάτω με το "tenantId" σας - διαθέσιμο εδώ στην περιοχή διαχείρισης του 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" />
}
}Updating The Current Page (For SPAs)
Για να ενημερώσετε τη σελίδα/άρθρο στο οποίο είναι συνδεδεμένη η συζήτηση σχολίων πρέπει να ενημερώσετε τις παραμέτρους ρύθμισης "urlId" και "url". Δείτε το παράδειγμα και την εξήγηση εδώ.
Account Region (ATTENTION: EU Customers)
Αν βρίσκεστε στην ΕΕ, θα θελήσετε να δηλώσετε στα client widgets σε ποια περιοχή βρίσκεστε. Δείτε examples/example-eu;
Σε διαφορετική περίπτωση, δεν χρειάζεται να ορίσετε το region.
The Comment Count Widget
Το στοιχείο FastCommentsCommentCountWidget περιέχει το ζωντανό widget πλήθους σχολίων FastComments.
Αντικαταστήστε το "demo" πιο κάτω με το "tenantId" σας - διαθέσιμο εδώ στην περιοχή διαχείρισης του 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.
Για ένα React Native wrapper αυτής της βιβλιοθήκης, που χρησιμοποιεί webview, δείτε το fastcomments-react-native.
Κατάσταση Συντήρησης
Αυτά τα components είναι wrappers γύρω από τα core VanillaJS components μας. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα components (να διορθώνουμε σφάλματα, να προσθέτουμε δυνατότητες) χωρίς να δημοσιεύουμε αυτή τη βιβλιοθήκη, οπότε, ενώ μπορεί να μην δημοσιευτεί για κάποιο διάστημα, αυτό δεν σημαίνει ότι το FastComments δεν βρίσκεται σε ενεργή ανάπτυξη! Μη διστάσετε να ελέγξετε το blog μας για ενημερώσεις. Αλλαγές που σπάνε το API ή νέες λειτουργίες δεν θα συμπεριληφθούν ποτέ στη underlying core library χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.
Χρειάζεστε βοήθεια;
Αν αντιμετωπίσετε οποιοδήποτε πρόβλημα ή έχετε ερωτήσεις σχετικά με τη βιβλιοθήκη React, παρακαλώ:
Συνεισφορά
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο GitHub για οδηγίες συνεισφοράς.