https://github.com/mistadikay/flux-http-example

:construction: Flux flow example with http request and error handling for a better understanding of Flux architecture
https://github.com/mistadikay/flux-http-example

Last synced: 25 days ago
JSON representation

:construction: Flux flow example with http request and error handling for a better understanding of Flux architecture

• Host: GitHub
• URL: https://github.com/mistadikay/flux-http-example
• Owner: mistadikay
• Created: 2015-02-09T04:49:27.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2020-03-03T17:19:50.000Z (almost 5 years ago)
• Last Synced: 2024-04-11T15:51:36.781Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 18.6 KB
• Stars: 46
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Flux example with http request

=====================

[![Build Status](http://img.shields.io/travis/mistadikay/flux-http-example/master.svg?style=flat)](http://travis-ci.org/mistadikay/flux-http-example)

[![Dependency Status](https://david-dm.org/mistadikay/flux-http-example.svg?style=flat)](https://david-dm.org/mistadikay/flux-http-example)

[![devDependency Status](https://david-dm.org/mistadikay/flux-http-example/dev-status.svg?style=flat)](https://david-dm.org/mistadikay/flux-http-example#info=devDependencies)

[![Code Climate](https://codeclimate.com/github/mistadikay/flux-http-example/badges/gpa.svg)](https://codeclimate.com/github/mistadikay/flux-http-example)

If you're stuck at understanding Flux architecture, this example might help you. It contains very basic flux data flow with http request and errors handling.

Flux technologies stack:

* for the sake of simplicity, this example uses just original [Facebook's Flux dispatcher](https://github.com/facebook/flux)

* [superagent](https://github.com/visionmedia/superagent) for http requests

* [eventemitter3](https://github.com/primus/eventemitter3) for emitting events from store to react component

Illustration of Flux unidirectional data flow:

![Flux flow](https://github.com/facebook/flux/raw/master/docs/img/flux-diagram-white-background.png)

### installation

```

npm install

```

### run

```

npm start

```

Runs webpack-dev-server with HMR at http://localhost:3000