https://github.com/fxg42/phoenix-flux-react

An experiment with Phoenix Channels, GenEvents, React and Flux.
https://github.com/fxg42/phoenix-flux-react

Last synced: about 2 months ago
JSON representation

An experiment with Phoenix Channels, GenEvents, React and Flux.

• Host: GitHub
• URL: https://github.com/fxg42/phoenix-flux-react
• Owner: fxg42
• Created: 2015-02-09T16:53:55.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-04-11T13:25:23.000Z (over 9 years ago)
• Last Synced: 2024-05-02T09:13:22.807Z (5 months ago)
• Language: JavaScript
• Size: 311 KB
• Stars: 160
• Watchers: 4
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• freaking_awesome_elixir - JavaScript - An experiment with Phoenix Channels, GenEvents, React and Flux. (Examples and funny stuff)
• fucking-awesome-elixir - phoenix-flux-react - An experiment with Phoenix Channels, GenEvents, React and Flux. (Examples and funny stuff)
• awesome-elixir - phoenix-flux-react - An experiment with Phoenix Channels, GenEvents, React and Flux. (Examples and funny stuff)

README

        
# Fun with Phoenix Channels, Flux and React

An experiment built to play with various concepts including:

- [the Phoenix Framework](http://www.phoenixframework.org/)

- [Phoenix Channels](http://www.phoenixframework.org/v0.8.0/docs/channels) and [GenEvent handlers](http://elixir-lang.org/docs/master/elixir/GenEvent.html)

- [React](http://facebook.github.io/react/index.html) and [Flux](http://facebook.github.io/flux/)

- [6to5](https://6to5.org/)

- [Immutable](http://facebook.github.io/immutable-js/)

- [Browserify](http://browserify.org/)

## Basic concept

![Basic concept](https://cloud.githubusercontent.com/assets/425363/6131715/de297278-b11b-11e4-8080-815ef5d650c2.png)

## Running

To start the Phoenix application:

1. Make sure you have [Redis](http://redis.io) installed and running.

2. Install dependencies with `mix deps.get`

3. Start Phoenix endpoint with `mix phoenix.server`

To start the client:

1. `cd web/js`

2. Install dependencies with `npm install`

3. Compile and watch the client code with `npm start`

Now you can visit `localhost:4000` from your browser.

... or watch it [here](https://vimeo.com/119231105).

## Releasing

First, build the minified version of the client:

1. `cd web/js/`

2. Build the bundle with `npm run build`

Then create the release and start the application:

1. `export MIX_ENV=prod`

2. `mix release`

3. `rel/ex_react_ws/bin/ex_react_ws start`

Now you can visit `localhost:4000` from your browser.