{"id":13422037,"url":"https://github.com/fastcomments/fastcomments-react","last_synced_at":"2026-04-18T06:01:17.584Z","repository":{"id":37087974,"uuid":"286140432","full_name":"FastComments/fastcomments-react","owner":"FastComments","description":"A React component for FastComments","archived":false,"fork":false,"pushed_at":"2025-01-13T14:42:47.000Z","size":4377,"stargazers_count":8,"open_issues_count":6,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-09T06:07:48.635Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FastComments.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-08-09T00:27:59.000Z","updated_at":"2025-07-26T20:01:40.000Z","dependencies_parsed_at":"2023-02-10T23:46:09.040Z","dependency_job_id":"420bcba4-2b29-4a68-958b-593db011d7fa","html_url":"https://github.com/FastComments/fastcomments-react","commit_stats":{"total_commits":75,"total_committers":3,"mean_commits":25.0,"dds":0.12,"last_synced_commit":"d4f4a03aa9d488a1cacca4e59b3bc0dad8b3d27f"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/FastComments/fastcomments-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FastComments","download_url":"https://codeload.github.com/FastComments/fastcomments-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31958467,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T23:00:35.870Z","updated_at":"2026-04-18T06:01:17.574Z","avatar_url":"https://github.com/FastComments.png","language":"TypeScript","funding_links":[],"categories":["UI Components","Miscellaneous"],"sub_categories":["Miscellaneous","Syntax highlighting"],"readme":"# fastcomments-react\n\n\u003e A React library for FastComments, a fast and developer friendly comment system.\n\n[![NPM](https://img.shields.io/npm/v/fastcomments-react.svg)](https://www.npmjs.com/package/fastcomments-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Installation\n\n### NPM\n\n```bash\nnpm install --save fastcomments-react\n```\n\n### Yarn\n\n```bash\nyarn add fastcomments-react\n```\n\n## Live Showcase\n\nTo see every widget and flow running locally against the public `demo` tenant, clone the repo and run:\n\n```bash\ncd examples/example-showcase\nnpm install\nnpm start\n```\n\nEach widget/flow has its own view under `examples/example-showcase/src/views/` that you can copy straight into your own React app.\n\n## Examples\n\nIndividual use cases (dark mode, pagination, etc.) live in their own folders under `examples/`. Each can be set up with `npm install` and started with `npm start`.\n\n## Usage\n\n### The Main Widget Component\n\nThe FastCommentsCommentWidget component contains the live FastComments comment widget.\n\nReplace \"demo\" below with your \"tenantId\" - available [here](https://fastcomments.com/auth/my-account/api) in the FastComments admin area.\n\nThe widget supports a lot of options - see FastCommentsCommentWidgetConfig in src/index.tsx.\n\n```tsx\nimport React, { Component } from 'react'\n\nimport {FastCommentsCommentWidget} from 'fastcomments-react'\n\nclass Example extends Component {\n  render() {\n    return \u003cFastCommentsCommentWidget tenantId=\"demo\" /\u003e\n  }\n}\n```\n\n### Updating The Current Page (For SPAs)\nTo update the page/article the comment thread is tied to you must update the configuration parameters \"urlId\" and \"url\".\nSee the example and explanation [here](https://github.com/FastComments/fastcomments-react/blob/master/examples/example-paginated/src/PaginatedApp.tsx).\n\n### Account Region (ATTENTION: EU Customers)\n\nIf you're in the EU, you'll want to tell the client widgets what region you are in. See [examples/example-eu](/examples/example-eu/src/App.tsx);\nOtherwise, you do not have to define `region`.\n\n### The Comment Count Widget\n\nThe FastCommentsCommentCountWidget component contains the live FastComments comment count widget.\n\nReplace \"demo\" below with your \"tenantId\" - available [here](https://fastcomments.com/auth/my-account/api) in the FastComments admin area.\n\nSee FastCommentsCommentCountConfig in src/index.tsx for the supported configuration options.\n\n```tsx\nimport React, { Component } from 'react'\n\nimport {FastCommentsCommentCountWidget} from 'fastcomments-react'\n\nclass Example extends Component {\n  render() {\n    return \u003cFastCommentsCommentCountWidget tenantId=\"demo\" urlId=\"https://example.com/some-page-or-id\" /\u003e\n  }\n}\n```\n\n### Native\n\nFor a completely native implementation of FastComments, see [fastcomments-react-native-sdk](https://github.com/FastComments/fastcomments-react-native-sdk).\n\nFor a React Native wrapper of this library, using a webview, see [fastcomments-react-native](https://github.com/FastComments/fastcomments-react-native).\n\n## Contributing\nPlease check out our [contribution guidelines](CONTRIBUTING.md) before starting on a change. Remember to communicate first!\n\n## License\n\nMIT © [winrid](https://github.com/winrid)\n\n## Maintenance Status\n\nThese components are wrappers around our core VanillaJS components. We can automatically update these components (fix bugs, add features) without publishing this library, so while it may not be published for a while that does not mean FastComments is not under active development! Feel free to check [our blog](https://blog.fastcomments.com/) for updates. Breaking API changes or features will never be shipped to the underlying core library without a version bump in this library.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastcomments%2Ffastcomments-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffastcomments%2Ffastcomments-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastcomments%2Ffastcomments-react/lists"}