Project Scaffolding

[MatthewVita]

Document in ReadMe

[MatthewVita]

• https://github.com/react-webpack-generators/generator-react-webpack (2K stars)
• https://github.com/davezuko/react-redux-starter-kit (6K stars)

I think I know which one I'm going with :)

[MatthewVita]

cc @ShaneChesnutt

[MatthewVita]

Prerequisites:

• *Nix OS
• Redux DevTools
• Git
• Node v5 and above
• NPM v3 and above
• $EDITOR is set (vim, nano, etc)

INSTALL

git clone https://github.com/davezuko/react-redux-starter-kit.git app && \
cd app && \
npm install --save-dev redux-devtools redux-devtools-log-monitor redux-devtools-dock-monitor && \
npm install && \
rm -rf .git CHANGELOG.md CONTRIBUTING.md LICENSE && \
git init && \
git add -A && \
git commit -m "Initial commit" && \
echo "-------------------------------------------------------" && \
echo "-- update package.json with your project information --" && \
echo "-------------------------------------------------------" && \
$EDITOR package.json

UNIT TESTS

npm run test:dev

DEVELOPMENT MODE

npm start

PRODUCTION MODE

npm install -g local-web-server && \
npm run deploy:prod && \
cd dist && \
echo "---------------------------------------------------------" && \
echo "-- serving app via a test web server at localhost:8080 --" && \
echo "---------------------------------------------------------" && \
ws -p 8080

[MatthewVita]

Hookay, so a few things.

• https://www.youtube.com/watch?v=hmwBow1PUuo has been very helpful in terms of making sense of action handlers, reducers, how Redux state works its way into React, and state stores. @ShaneChesnutt you'll find this of great value.
• http://slides.com/scottprue-2/deck#/1 is an ok slideshow on Angular->React but it is incomplete and doesn't touch on enough to be frank. There is a useful figure called "Pieces of a Frontend".
• We need to add our repo to this list when we're done: https://github.com/xgrommx/awesome-redux
• Q: Where the heck do API calls get made? A: Trying to put API calls in the correct place reduxjs/redux#291

[MatthewVita]

Also, it turns out that https://github.com/davezuko/react-redux-starter-kit is a great seeder project. It is just incredibly intimidating at first because one must know Redux.

[MatthewVita]

reduxjs/redux#291 (comment) ... kind of like a controller and service together here :)