https://github.com/aquariuslt/react-disqus-components

react-disqus-components wrapper for official disqus web api
https://github.com/aquariuslt/react-disqus-components

disqus functional-components react

Last synced: 6 months ago
JSON representation

react-disqus-components wrapper for official disqus web api

• Host: GitHub
• URL: https://github.com/aquariuslt/react-disqus-components
• Owner: aquariuslt
• License: mit
• Created: 2019-11-05T17:38:12.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-05-28T06:02:14.000Z (over 1 year ago)
• Last Synced: 2024-05-28T08:03:00.311Z (over 1 year ago)
• Topics: disqus, functional-components, react
• Language: TypeScript
• Size: 1.82 MB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-disqus-components

[![NPM](https://img.shields.io/npm/v/react-disqus-components.svg)](https://www.npmjs.com/package/react-disqus-components) 

[![Github Workflow Status](https://github.com/aquariuslt/react-disqus-components/workflows/ci/badge.svg)](https://github.com/aquariuslt/react-disqus-components) 

[![Codecov](https://codecov.io/gh/aquariuslt/react-disqus-components/branch/master/graph/badge.svg)](https://codecov.io/gh/aquariuslt/react-disqus-components) 

[![Semantic-Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

React Functional Component with `disqus` webapi integration.

## Usage

> Only support React Functional Component

### Required Props

See `DisqusCommentProps`

```typescript

export interface DisqusCommentProps {

  title: string;

  identifier: string;

  url: string;

  shortname: string;

}

```

### Example

```typescript jsx

import * as React from 'react';

import { Comment } from 'react-disqus-components';

export const MyComponent = () => {

  const pageTitle = 'My Page Title';

  const disqusConfig = {

    identifier: '', // your page uniq id

    url: '', // uslug url

    shortname: '' // disqus shortname

  };

  return (

    

  );

};

```