
ืฉืคื ๐ฎ๐ฑ ืขืืจืืช
ืชืืขืื
ืืชืืื ืืืืจื
ืฉืืืืฉ
Add Comments to Your React App
ืื ืกืคืจืืืช React ืืจืฉืืืช ืฉื FastComments.
ืืืืข ืืืืื'ืืื ืฉื ืืขืจืืช ืืืืช, ืฆ'ืื ืืืืงืืจืืช ืืืคืืืงืฆืืืช React ืฉืื.
Repository
ืืืืื ืืื 
ื ืกื ืื ืืืืืื'ืืื ืืฉืืืืจ ืื ื https://fastcomments.com/commenting-system-for-react.
ืชืฆืืื ืืื 
ืืื ืืจืืืช ืื ืืืืื'ื ื-flow ืืคืืขืืื ืืงืืืืช ืืื ื-tenant ืืฆืืืืจื demo, ืฉืืคืื ืืช ืืืืืจ ืืืจืืฆื:
cd examples/example-showcase
npm install
npm start
ืืื ืืืืื'ื/flow ืืฉ ืชืฆืืื ืืฉืื ื-examples/example-showcase/src/views/ ืฉืืืชื ืชืืืื ืืืขืชืืง ืืฉืืจืืช ืืืคืืืงืฆืืืช React ืฉืืื.
ืืืืืืืช 
ืืงืจื ืฉืืืืฉ ื ืคืจืืื (ืืฆื ืืื, ืขืืืื, ืืื') ืืืืงืืื ืืชืืงืืืช ืืฉืืื ืชืืช examples/. ืื ืืื ื ืืชื ืืืชืงืื ืืืืฆืขืืช npm install ืืืืคืขืื ืืืืฆืขืืช npm start.
ืฉืืืืฉ 
ืจืืื ืืืืืื'ื ืืจืืฉื
ืืจืืื FastCommentsCommentWidget ืืืื ืืช ืืืืื'ื ืืชืืืืืช ืืื ืฉื FastComments.
ืืืืืคื ืืช "demo" ืืืื ืึพ"tenantId" ืฉืืื - ืืืื ืืื ืืืืืจ ืื ืืืื ืฉื FastComments.
ืืืืืื'ื ืชืืื ืืืจืื ืืคืฉืจืืืืช - ืจืื FastCommentsCommentWidgetConfig ืึพsrc/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
ืขืืืื ืืืฃ ืื ืืืื (ืืืืฉืืื SPA)
ืืื ืืขืืื ืืช ืืืฃ/ืืืืืจ ืฉืืืื ืงืฉืืจ ืฉืจืฉืืจ ืืชืืืืืช ืืฉ ืืขืืื ืืช ืคืจืืืจื ืืชืฆืืจื "urlId" ื-"url". ืจืื ืืช ืืืืืื ืืืืกืืจ ืืื.
ืืืืจ ืืฉืืื (ืชืฉืืืช ืื: ืืงืืืืช ืืืืืื ืืืืจืืคื)
ืื ืืชื ืืืืืื ืืืืจืืคื, ืจืฆืื ืืืืืืข ืืืืืื'ืืื ืฉื ืืืงืื ืืืืื ืืืืจ ืืชื ื ืืฆืืื. ืจืื examples/example-eu;
ืืืจืช, ืื ืืืืืื ืืืืืืจ ืืช region.
ืืืืื'ื ืกืคืืจืช ืืืขืจืืช
ืืจืืื FastCommentsCommentCountWidget ืืืื ืืช ืืืืื'ื ืกืคืืจืช ืืชืืืืืช ืืื ืฉื 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)
ืืืืืืฉ ืืงืืื ืืื ืฉื FastComments, ืจืื fastcomments-react-native-sdk.
ืึพwrapper ืฉื React Native ืขืืืจ ืกืคืจืืื ืื, ืืืฉืชืืฉ ืโwebview, ืจืื fastcomments-react-native.
ืืฆื ืชืืืืงื 
ืจืืืืื ืืื ืื ืขืืืคืืช ืกืืื ืจืืืื ืืืืื ืฉื VanillaJS ืฉืื ื. ืื ืื ื ืืืืืื ืืขืืื ืืืืืืืืช ืืช ืืจืืืืื ืืืื (ืืชืงื ืืืืื, ืืืืกืืฃ ืชืืื ืืช) ืืืื ืืคืจืกื ืืช ืืกืคืจืืื ืืื, ืืื ืืฃ ืขื ืคื ืฉืืื ืขืฉืืื ืฉืื ืืืชืคืจืกื ืืืื ืื, ืืืืจ ืืื ื ืืืืจ ืฉ-FastComments ืืื ื ืืคืืชืื ืคืขืื! ืืชื ืืืืื ืื ืืืืืง ืืืืื ืฉืื ื ืืขืืืื ืื. ืฉืื ืืืื ืืืืชืืื ื-API ืื ืชืืื ืืช ืฉืืฉืืจื ืชืืืืืช ืื ืืืฉืืื ืืกืคืจืืืช ืืืืื ืืืกืืกืืช ืืืื ืืขืืืช ืืจืกื ืืกืคืจืืื ืื.
ืืงืืงืื ืืขืืจื?
ืื ืืชื ื ืชืงืืื ืืืขืืืช ืื ืืฉ ืืื ืฉืืืืช ืืืื ืกืคืจืืืช React, ืื ื:
ืชืจืืื
ืชืจืืืืช ืืชืงืืืืช ืืืจืื! ืื ื ืืงืจื ื-ืืืืจ ื-GitHub ืืงืืืช ืื ืืืืช ืืชืจืืื.