👋 This project is no longer being maintained. For more React tutorials like this, checkout our Blog!Learn More
7 React and Redux Tutorials
Brought to you by getstream.io

Learn React & Redux With Cabin

These 7 tutorials teach you how to build a feature-rich, scalable social network app using React and Redux. The first 6 tutorials are available today. Enter your email to stay up to date about the upcoming posts:

Maximizing Efficiency

Built With These Great Services

Cabin is built using React and Redux. Stream powers the feed technology, Algolia search, Mapbox the custom maps, Keen analytics and ImgIX the image resizing. These APIs are powerful and scalable and allow you to build a fully featured app.

API partners used in this full stack app tutorial
Topics Covered

Getting Started

    Step 1 →
  • Full-Stack Node & React Application Structure
  • Webpack Overview & Basics
React logo


Redux logo


    Step 3 →
  • Redux Overview
  • State vs DOM Manipulation
  • Redux Fundamentals
  • Reducers & Actions
Tweet: “Cabin: Free Fully Functioning React & Redux App with Tutorials: http://bit.ly/1VtuQ1R”Click To Tweet


    Step 4 →
  • Feeds powered by Getstream.io
  • Stream Overview
  • Adding Activities
  • Enriching Data
  • Aggregation
  • Realtime Notifications
Imgix logo

Image Processing

    Step 5 →
  • Image hosting by ImgIx.com
  • Setup
  • Image Adjustments
  • Instagram-Like Filters
Keen logo


    Step 6 →
  • Analytics with Keen
  • State vs DOM Manipulation
  • Redux Fundamentals
  • Reducers & Actions
Algolia logo


    Step 7 →
  • Search powered by Algolia
  • Overview of Algolia
  • Implementing Server Side
  • Implementing Client Side
  • Awesome Search Options
Mapbox logo


    Step 8 →
  • Custom maps with Mapbox.com
  • Client & Server Side Setups
  • Integration Tips
  • Mapbox Product Breakdowns
DigitalOcean logo

Cloud Server

    Step 9 →
  • Hosting through DigitalOcean
  • Automating Deployments
  • Process Management with pm2
  • Terraform Configuration
Bonus tips for React & Redux

React/Redux - Best Practices & Gotchas

Background image
Design Kit

Get the Design Assets

© 2017 Stream.io INC | A Techstars NYC Company | Proudly Built in Boulder and Amsterdam