disqus-react

A package for integrating Disqus services into React applications.

Installation

Using npm:

$ npm install --save disqus-react

Using yarn:

bash
$ yarn add disqus-react

Usage

DiscussionEmbed

This is the component that will load the main Disqus comments section.

import { DiscussionEmbed } from 'disqus-react';

This component is limited to one instance in the DOM at a time and will handle updates to both the

config

shortname

CommentCount

This component will display the comment count for the Disqus thread associated with the provided config.

import { CommentCount } from 'disqus-react';

<disqus.commentcount shortname="example" config="{" url: this.props.article.url identifier: this.props.article.id title: this.props.article.title>
    {/* Placeholder Text */}
    Comments
</disqus.commentcount>

Multiple instances of this component can be included on the same page with different

config

shortname

shortname

CommentEmbed

This component can be used to embed a Disqus comment into your page.

import { CommentEmbed } from 'disqus-react';

Multiple instances of this component may be include on the same page with different

commentId

shortname

Contributing

If you'd like to contribute to this package feel free to submit a bug report, feature request, or pull request. Though we would ask that you first read through the contributing guidelines.