React Uygulamanıza Yorum Ekleyin
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
Her bir widget ve akışın, genel demo kiracısı üzerinde yerel olarak çalıştığını görmek için, depoyu klonlayın ve çalıştırın:
cd examples/example-showcase
npm install
npm run devHer bir widget/akış, examples/example-showcase/src/views/ altında kendi görünümüne sahiptir ve bunu doğrudan kendi React uygulamanıza kopyalayabilirsiniz.
Örnekler
Bireysel kullanım durumları (karanlık mod, sayfalama vb.) kendi klasörlerinde examples/ altında bulunur. Her biri npm install ile kurulabilir ve npm run dev (Vite) 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.