react-activity-feed

Official React SDK for Stream Activity Feed

The official React components for Stream Activity Feed, a service for building activity and notification feed applications.

You can sign up for a Stream account at 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 { StreamApp, StatusUpdateForm, FlatFeed } from 'react-activity-feed';
import 'react-activity-feed/dist/index.css';

// How to create user tokens: https://getstream.io/activity-feeds/docs/node/auth_and_permissions/?language=javascript#user-tokens

const App = () => {
  return (
    <div style={{ width: '600px', margin: '0 auto' }}>
      <StreamApp apiKey="<YOUR_API_KEY>" appId="<YOUR_APP_ID>" token="<TOKEN_FOR_THE_CURRENT_USER>">
        <StatusUpdateForm />
        <FlatFeed feedGroup="user" notify />
      </StreamApp>
    </div>
  );
};

Internationalisation (i18n)

Please refer to i18n docs

License

BSD-3-Clause © Stream.io Inc.

We are hiring

We've recently closed a $38 million Series B funding round and we keep actively growing. Our APIs are used by more than a billion end-users, and you'll have a chance to make a huge impact on the product within a team of the strongest engineers all over the world.

Check out our current openings and apply via Stream's website.

Changelog

1.4.0 - 2022-03-11

Feature

• Handle string timestamps with timezone in format ±hh:mm by @danypype in #314
• Allow use of custom Textarea component in StatusUpdateForm by @MartinCupela in #342

Fix

• Token "-" causes the emoji search to fail in StatusUpdateForm by @MartinCupela in #336
• Forward doReactionsFilterRequest prop within NotificationFeed by @MartinCupela in #320