{"id":13507892,"url":"https://github.com/fxg42/phoenix-flux-react","last_synced_at":"2026-01-10T11:10:36.588Z","repository":{"id":27080020,"uuid":"30546651","full_name":"fxg42/phoenix-flux-react","owner":"fxg42","description":"An experiment with Phoenix Channels, GenEvents, React and Flux.","archived":false,"fork":false,"pushed_at":"2015-04-11T13:25:23.000Z","size":318,"stargazers_count":160,"open_issues_count":0,"forks_count":14,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-11-01T07:33:21.139Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fxg42.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-02-09T16:53:55.000Z","updated_at":"2023-02-09T22:47:10.000Z","dependencies_parsed_at":"2022-07-17T03:00:36.779Z","dependency_job_id":null,"html_url":"https://github.com/fxg42/phoenix-flux-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fxg42%2Fphoenix-flux-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fxg42%2Fphoenix-flux-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fxg42%2Fphoenix-flux-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fxg42%2Fphoenix-flux-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fxg42","download_url":"https://codeload.github.com/fxg42/phoenix-flux-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246301963,"owners_count":20755512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T02:00:42.202Z","updated_at":"2026-01-10T11:10:36.537Z","avatar_url":"https://github.com/fxg42.png","language":"JavaScript","funding_links":[],"categories":["Examples and funny stuff","Phoenix and Production","Experiments"],"sub_categories":["Testing Specific Tutorials","Tutorials"],"readme":"# Fun with Phoenix Channels, Flux and React\n\nAn experiment built to play with various concepts including:\n\n- [the Phoenix Framework](http://www.phoenixframework.org/)\n- [Phoenix Channels](http://www.phoenixframework.org/v0.8.0/docs/channels) and [GenEvent handlers](http://elixir-lang.org/docs/master/elixir/GenEvent.html)\n- [React](http://facebook.github.io/react/index.html) and [Flux](http://facebook.github.io/flux/)\n- [6to5](https://6to5.org/)\n- [Immutable](http://facebook.github.io/immutable-js/)\n- [Browserify](http://browserify.org/)\n\n## Basic concept\n\n![Basic concept](https://cloud.githubusercontent.com/assets/425363/6131715/de297278-b11b-11e4-8080-815ef5d650c2.png)\n\n## Running\n\nTo start the Phoenix application:\n\n1. Make sure you have [Redis](http://redis.io) installed and running.\n2. Install dependencies with `mix deps.get`\n3. Start Phoenix endpoint with `mix phoenix.server`\n\nTo start the client:\n\n1. `cd web/js`\n2. Install dependencies with `npm install`\n3. Compile and watch the client code with `npm start`\n\nNow you can visit `localhost:4000` from your browser.\n\n... or watch it [here](https://vimeo.com/119231105).\n\n## Releasing\n\nFirst, build the minified version of the client:\n\n1. `cd web/js/`\n2. Build the bundle with `npm run build`\n\nThen create the release and start the application:\n\n1. `export MIX_ENV=prod`\n2. `mix release`\n3. `rel/ex_react_ws/bin/ex_react_ws start`\n\nNow you can visit `localhost:4000` from your browser.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffxg42%2Fphoenix-flux-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffxg42%2Fphoenix-flux-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffxg42%2Fphoenix-flux-react/lists"}