react-activity-feed

React components to create activity and notification feeds

Usage no npm install needed!

<script type="module">
  import reactActivityFeed from 'https://cdn.skypack.dev/react-activity-feed';
</script>

README

react-activity-feed

React components to create activity and notification feeds using Stream

NPM Build Status Component Reference

You can sign up for a Stream account at https://getstream.io/get_started/.

Install

# with npm
npm install --save react-activity-feed
# with yarn
yarn add react-activity-feed

Usage

To find out how to use this library please look at:

  1. The example project
  2. The component reference docs
  3. This basic example if you just want to see some code:
import React, { Component } from 'react';

import { StreamApp, StatusUpdateForm, FlatFeed } from 'react-activity-feed';
import 'react-activity-feed/dist/index.es.css';

export default class App extends Component {
  render() {
    return (
      <div style={{ width: '600px', margin: '0 auto' }}>
        <StreamApp
          apiKey="<YOUR_API_KEY>"
          appId="<YOUR_APP_ID>"
          token="<A_TOKEN_FOR_THE_CURRENT_USER>"
        >
          <StatusUpdateForm />
          <FlatFeed feedGroup="user" notify />
        </StreamApp>
      </div>
    );
  }
}

Internationalisation (i18n)

Please refer to i18n docs - https://getstream.github.io/react-activity-feed/#internationalisation-i18n

License

BSD-3-Clause © Stream.io Inc.