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: 17 days 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 (about 10 years ago)
- Default Branch: master
- Last Pushed: 2015-04-11T13:25:23.000Z (about 10 years ago)
- Last Synced: 2024-11-01T07:33:21.139Z (6 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
## 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.