Stream React Activity Feed Components
Clone or download
Latest commit cedaec2 Jan 17, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
custom-definitions Add initial child reaction support Nov 30, 2018
docs 0.6.17 Jan 17, 2019
dotgit Setup hooks for linting and flow Sep 13, 2018
example 0.6.3 Dec 28, 2018
flow-typed/npm StatusUpdateForm: Make url previewing feel more response Oct 10, 2018
scripts Initial changes to make getstream update working Nov 28, 2018
src replace .includes with _.includes Jan 15, 2019
test-files added hashtags and mentions css prettier Oct 9, 2018
.babelrc reverted changes Jan 17, 2019
.editorconfig init create-react-library@2.6.1 Sep 11, 2018
.eslintignore Ignore some files for linting Sep 13, 2018
.eslintrc.json Make changing child reactions on paginated reactions work Nov 30, 2018
.flowconfig Ignore some files for linting Sep 13, 2018
.gitignore setup webpack Nov 23, 2018
.ignore Improve ReactionList and CommentList a bit Oct 31, 2018
.prettierignore Ignore some files for linting Sep 13, 2018
.prettierrc Setup basic linting etc Sep 13, 2018
CHANGELOG.md Add a CHANGELOG Dec 14, 2018
README.md Fix styling Jan 8, 2019
index.html added webpack config Nov 23, 2018
package.json 0.6.17 Jan 17, 2019
postcss.config.js added webpack config for styleguidist and bundle and removed the posi… Nov 26, 2018
rollup.config.js reverted changes Jan 17, 2019
styleguide.config.js fixed textarea and docs Dec 6, 2018
webpack.config.js ignore css in webpack Dec 6, 2018
webpack.config.styleguidist.js fixed textarea and docs Dec 6, 2018
yarn.lock reverted changes Jan 17, 2019

README.md

react-activity-feed

React components to create activity and notification feeds

NPM

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>
    );
  }
}

License

BSD-3-Clause © Stream.io Inc.