Add Comments to Your React App
Bu, FastComments için resmi React Kütüphanesidir.
Canlı yorum, sohbet ve inceleme widget'larını React uygulamanıza gömün.
Depo
Canlı Demo 
Tüm widget'ları canlı olarak https://fastcomments.com/commenting-system-for-react adresinde deneyin.
Kurulum
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactCanlı Gösterim
Herkese açık demo kiracına karşı yerel olarak çalışan tüm widget'ları ve akışları görmek için repoyu klonlayın ve çalıştırın:
cd examples/example-showcase
npm install
npm startHer bir widget/akışın examples/example-showcase/src/views/ altında kendi görünümü vardır; bunları doğrudan kendi React uygulamanıza kopyalayabilirsiniz.
Örnekler
Bireysel kullanım örnekleri (karanlık mod, sayfalama vb.) examples/ altındaki kendi klasörlerinde bulunur. Her biri npm install ile kurulabilir ve npm start ile başlatılabilir.
Kullanım
Ana Widget Bileşeni
FastCommentsCommentWidget bileşeni canlı FastComments yorum widget'ını içerir.
Aşağıdaki "demo"yu "tenantId"niz ile değiştirin - FastComments yönetim alanında burada bulunabilir.
Widget birçok seçeneği destekler - desteklenen seçenekler için src/index.tsx içindeki FastCommentsCommentWidgetConfig'e bakın.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}Geçerli Sayfanın Güncellenmesi (SPA'lar için)
Yorum dizisinin bağlı olduğu sayfa/makale güncellenecekse yapılandırma parametreleri "urlId" ve "url" güncellenmelidir. Örnek ve açıklama için buraya bakın.
Hesap Bölgesi (DİKKAT: AB Müşterileri)
Eğer AB'deyseniz, istemci widget'larına hangi bölgede olduğunuzu belirtmek isteyeceksiniz. Örneğe bakın examples/example-eu;
Aksi takdirde region'u tanımlamanıza gerek yoktur.
Yorum Sayacı Widget'ı
FastCommentsCommentCountWidget bileşeni canlı FastComments yorum sayısı widget'ını içerir.
Aşağıdaki "demo"yu "tenantId"niz ile değiştirin - FastComments yönetim alanında burada bulunabilir.
Desteklenen yapılandırma seçenekleri için src/index.tsx içindeki FastCommentsCommentCountConfig'e bakın.
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" />
}
}Yerel
FastComments'ın tamamen yerel bir uygulaması için bkz. fastcomments-react-native-sdk.
Bu kütüphanenin bir webview kullanarak React Native sarmalayıcısı için bkz. fastcomments-react-native.
Bakım Durumu
Bu bileşenler, çekirdek VanillaJS bileşenlerimizin sarmalayıcılarıdır. Bu bileşenleri yayımlamadan otomatik olarak güncelleyebiliriz (hataları düzeltmek, özellik eklemek), bu yüzden kütüphane bir süre yayımlanmamış olabilir; bu, FastComments'in aktif geliştirme altında olmadığı anlamına gelmez! Güncellemeler için blogumuzu inceleyebilirsiniz. Kırıcı API değişiklikleri veya yeni özellikler, bu kütüphanede bir sürüm yükseltmesi yapılmadan alttaki çekirdek kütüphaneye asla gönderilmeyecektir.
Yardıma mı ihtiyacınız var?
React Kütüphanesi ile ilgili herhangi bir sorunla karşılaşırsanız veya sorularınız varsa, lütfen:
Katkıda Bulunma
Katkılar memnuniyetle karşılanır! Lütfen katkı yönergeleri için GitHub deposunu ziyaret edin.