okchip / react-activity-feed

Stream React Activity Feed Components

Home Page:https://getstream.io/react-activity-feed/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

License

BSD-3-Clause © Stream.io Inc.

About

Stream React Activity Feed Components

https://getstream.io/react-activity-feed/


Languages

Language:JavaScript 88.2%Language:CSS 9.2%Language:Shell 0.9%Language:Python 0.9%Language:HTML 0.4%Language:Java 0.1%Language:C# 0.1%Language:Erlang 0.1%Language:PHP 0.0%Language:Scala 0.0%Language:C 0.0%Language:C++ 0.0%Language:Go 0.0%Language:Rust 0.0%Language:Ruby 0.0%