GetStream/stream-react-example

8 Step - React/Redux tutorial series

This example application created by getstream.io teaches you how to to build an Instagram style application with activity streams and newsfeeds.

Visit cabin.getstream.io for an overview of all 8 tutorials and a live demo. If you enjoy this tutorial please star this repo.

Note: Cabin requires Node v8.x or above.

Blog Posts

1. Introduction
2. React & Redux
3. Redux
4. Stream
5. Imgix
6. Keen
7. Algolia

Integrations

• Keen
• ImgIX
• Algolia
• Mapbox
• Digital Ocean
• Stream

Quick start

This quick start is a minimal set of instructions for experienced developers and folks who have already setup their development environment in the past.

For beginners and those new to the project, we strongly recommend starting with the introductory Cabin – React & Redux Example App – Introduction blog post.

Note: Paths below are relative to the root project directory.

0. Setup

1. Install the API package dependencies:

   cd ./api && npm install
   

2. Install the App package dependencies:

   cd ./app && npm install
   

3. Install a database server (if necessary) and create a database.

4. Set local environment configuration in the .env environment.

1. Run the API

1. Start your database server
2. Run the following shell command:

   cd ./api
   source ../env.sh; node index.js
   

2. Run the App

1. Run the following shell command:

   cd ./app
   source ../env.sh; webpack --watch --progress
   

3. Run the Website

1. Run the following shell command:

   npm start
   

4. Win.

1. Browse to http://localhost:3000.