React 앱에 댓글 추가하기
FastComments용 공식 React 라이브러리입니다.
React 앱에 실시간 댓글, 채팅 및 리뷰 위젯을 삽입하세요.
리포지토리
라이브 데모 
모든 위젯을 실시간으로 확인해 보세요 https://fastcomments.com/commenting-system-for-react.
설치
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-react라이브 쇼케이스
공개 demo 테넌트에 대해 로컬에서 실행 중인 모든 위젯과 플로우를 보려면, 저장소를 클론한 후 다음을 실행하세요:
cd examples/example-showcase
npm install
npm start각 위젯/플로우는 examples/example-showcase/src/views/ 아래에 각각의 뷰가 있으며, 이를 그대로 복사하여 자신의 React 앱에 붙여넣을 수 있습니다.
예제
개별 사용 사례(다크 모드, 페이지네이션 등)은 examples/ 아래의 각 폴더에 있습니다. 각각은 npm install로 설정한 다음 npm start로 시작할 수 있습니다.
사용법
메인 위젯 컴포넌트
The FastCommentsCommentWidget 컴포넌트에는 라이브 FastComments 댓글 위젯이 포함되어 있습니다.
아래의 "demo"를 FastComments 관리자 영역의 여기에서 확인 가능한 당신의 "tenantId"로 바꾸세요.
위젯은 많은 옵션을 지원합니다 - 지원되는 설정은 src/index.tsx의 FastCommentsCommentWidgetConfig를 참조하세요.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}현재 페이지 업데이트 (SPA용)
댓글 스레드가 연결된 페이지/기사 정보를 업데이트하려면 구성 매개변수 "urlId"와 "url"을 업데이트해야 합니다. 예제와 설명은 여기를 참조하세요.
계정 지역 (주의: EU 고객)
EU에 계신 경우, 클라이언트 위젯에 어느 지역에 있는지 알려주어야 합니다. examples/example-eu를 참조하세요;
그렇지 않은 경우 region을 정의할 필요가 없습니다.
댓글 카운트 위젯
The FastCommentsCommentCountWidget 컴포넌트에는 라이브 FastComments 댓글 수 위젯이 포함되어 있습니다.
아래의 "demo"를 FastComments 관리자 영역의 여기에서 확인 가능한 당신의 "tenantId"로 바꾸세요.
지원되는 구성 옵션은 src/index.tsx의 FastCommentsCommentCountConfig를 참조하세요.
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" />
}
}네이티브
FastComments를 완전히 네이티브로 구현하려면 fastcomments-react-native-sdk를 참조하세요.
웹뷰를 사용하는 이 라이브러리의 React Native 래퍼는 fastcomments-react-native를 참조하세요.
유지보수 상태
이 구성 요소들은 저희의 핵심 VanillaJS 구성 요소들을 감싸는 래퍼입니다. 이 라이브러리를 배포하지 않고도 이러한 구성 요소들을 자동으로 업데이트(버그 수정, 기능 추가)할 수 있으므로, 당분간 이 라이브러리가 게시되지 않더라도 그렇다고 FastComments의 개발이 중단되었다는 뜻은 아닙니다! 업데이트는 저희 블로그에서 확인하세요. 중대한 API 변경이나 기능은 이 라이브러리에서 버전이 올라가지 않는 한 기본 코어 라이브러리에 절대 반영되지 않습니다.
도움 필요하신가요?
React 라이브러리와 관련하여 문제가 발생하거나 질문이 있는 경우, 다음을 이용해 주세요:
기여
기여는 환영합니다! 기여 지침은 GitHub 저장소를 방문해 주세요.