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.0.0 - 2021-05-07

Version 1.x is a major revamp of the SDK and comes with some breaking changes. This release also comes with lots of small bug fixes, using react Context API and hooks, and full typescript support. Some dependencies has been replaced or removed due to their lack of support.

Features

• Typescript support
• Bundle size reduced by 40%
• SCSS support
• Node v16 support

⚠️ BREAKING CHANGES ⚠️

• Node v10 support is dropped.
• Flow support has been removed in favor of Typescript.
• dist/index.es.css is deleted in favor of dist/index.css.
• InfiniteScroll component no longer supports getScrollParent property, scroll parent is now calculated within this component when useWindow property is set to false.
• Gallery component replaced react-images with react-image-lightbox.
• Text render uses linkifyjs instead of anchorme for better future support.
• B2BTimeline, B2BActivity, Modal components and StreamApp.Consumer are removed.
• EmojiPicker component ships with a lighter set of emojis to reduce bundle size. StatusUpdateForm and CommentField accepts a custom prop emojiData that allows extending default emoji list.
• FlatFeed, NotificationDropdown, NotificationFeed no longer pass down the FeedManager props to activities.
• CommentList, CommentField, LikeButton, ReactionList use context values and no longer accepts feed manager props.

Fix

• Full browser build