przeor/react-router-flux-starter-kit

Why & How to Learn React Redux, the right highly scalable way.

Free Reactjs Convention Book

Best available reactjs starter kit with a free book (step-by-step) is available at https://reactjs.co

Outdated

This react flux starter master branch is outdated, please use the free reactjs convention book in order to learn React Redux, the right way.

#Reviews

#Online demo example http://przeor.github.io/react-router-flux-starter-kit/#/

#Dependencies node, npm gulp (npm install -g gulp) httpster (npm install -g httpster)

#Installation From "reactJS-flux-starter-kit" directory run

npm install
then run "gulp" - this will create new dist/ directory
use *gulp watch* for live reload

#Running from reactJS-flux-starter-kit/dist/ (created by gulp) directory run

httpster

use gulp for building once or gulp watch for automatic updates go to http://localhost:3333

#Locations: Parse keys: src/index.html Facebook keys: src/js/utils/fboauth.js

react-router-flux-starter-kit's Issues

Move Gulp to devdependencies

Error running gulp (missing /dist directory)

thanks for the demo... i get following error while running gulp command

also for some reason running "gulp" command didn't create directory "reactJS-flux-starter-kit/dist/" as per ReadMe file - am i missing something obvious? - thanks

events.js:85
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE
at exports._errnoException (util.js:746:11)
at Server._listen2 (net.js:1156:14)
at listen (net.js:1182:10)
at Server.listen (net.js:1267:5)
at ConnectApp.server (/Users/Vijay/Workspace/react-router-flux-starter-kit-master/node_modules/gulp-connect/index.js:62:19)
at new ConnectApp (/Users/Vijay/Workspace/react-router-flux-starter-kit-master/node_modules/gulp-connect/index.js:38:10)
at Object.module.exports.server (/Users/Vijay/Workspace/react-router-flux-starter-kit-master/node_modules/gulp-connect/index.js:185:12)
at Gulp. (/Users/Vijay/Workspace/react-router-flux-starter-kit-master/gulpfile.js:43:13)
at module.exports (/Users/Vijay/Workspace/react-router-flux-starter-kit-master/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:34:7)
at Gulp.Orchestrator._runTask (/Users/Vijay/Workspace/react-router-flux-starter-kit-master/node_modules/gulp/node_modules/orchestrator/index.js:273:3)

Login.attemptedTransition assigned but never used

In AuthenticationMixin.js it assigned transition to Login.attemptedTransition static field:

However that static field is never used in the application. My hypothesis is it should be used in components/auth/login.js::componentDidUpdate:

Instead of direct the route to /dashboard, it shall check the attemptedTransition state and redirect to there if it's not null.

gulp.env has been deprecated. Use your own CLI parser instead. We recommend using yargs or minimist.

Trying to use radium for css.

Separate the bundle files

Hi, it would be good to separate the bundle files. Something like libs.js and app.js. Where all the library/framework used in the app will be separated from the app logic. :)

sass-cache directory is being uploaded to repo

It should be ignored when pushing code upstream

Thank you!

Not an issue, but thank you! This is exactly what I needed to look at to get my head around how to best make a single page app using react and react-router.

Thank you so much

thank you so much for your repo i think very helpful me.

gulp-livereload Needs to be added to package.json::devdependencies