wix-incubator / react-dataflow-example

Experimenting with different dataflow approaches for a real life React app

React Dataflow Example

A real-life example of a React project with focus on dataflow management. The example explores and compares methodologies by implementing the same app in different branches:

• redux-thunk branch - Basic Redux (thunks)
  Walkthrough post: Redux Step by Step: A Simple and Robust Workflow for Real Life Apps

• redux-thunk-tests branch - Tests for basic Redux (thunks)
  Walkthrough post: Redux Testing Step by Step: A Simple Methodology for Testing Business Logic

Running locally

• npm install
• npm start
• Open http://localhost:3000 to view it in the browser.

Want to contribute your own flavor?

1. Implement the entire app and reach the same end result using your own methodology
2. Recommended: write a blog post explaining your methodology
3. Submit a pull request and we'll add it as an additional branch

What does the example app do?

On the first screen, it asks the user for 3 topics they’re interested in. We pull the list of topics from Reddit’s list of default front page subreddits. After the user makes a choice, it shows the list of posts from each of these 3 topics in a filterable list — all topics or just one of the 3. When the user clicks on a post in the list, the post content is shown.

License

MIT