Cabin – A Fully Functional React & Redux Example App (Updated)

1 min read
Nick P.
Nick P.
Published September 1, 2017 Updated January 13, 2020

Last year, Stream set out to build a fully functional application to demonstrate how to architect real-time social applications with React and Redux that leverage Stream’s powerful API for building scalable news feeds and activity streams. And, thus, Cabin, a fully functional, Instagram-esque application, was born.

Since its inception, Cabin has become a popular repo on GitHub and serves as a go-to reference for many developers who are learning how to create modern applications. With this in mind, we’ve continued to iterate upon and improve Cabin, both as a tutorial tool and as an overall application.

As of today, I’m happy to announce that Cabin has been updated to support the latest version of Node.js (currently at v8.4.0). With that, we’ve also updated React.js (to v15.6.1) and many of the other npm modules, cleaned up the source code and made many changes to the codebase to bring it up to speed with the latest ES6 standards. Additionally, we’ve updated every blog post about Cabin, so you, as a developer, can easily get up and running with our latest changes.

The demo website for Cabin has also been updated to reflect the latest changes made to the application. The source code can be found on the Stream GitHub repository for Cabin, and all blog posts can be found at their respective links below:

  1. Introduction
  2. React
  3. Redux
  4. Stream
  5. Imgix
  6. Keen
  7. Algolia
  8. Mapbox
  9. Best Practices and Gotchas

Should you have any suggestions, comments, or additions, please post below or submit a PR on GitHub (we embrace open-source and absolutely love seeing contributions from the community).

If you’re new to Stream and are interested in our hosted, scalable feed technology, please have a look at our 5 minute tutorial on the Stream website to see how things work!