nfour / js-structures Goto Github PK

A server-only layout, webpacked up with external node_modules.

http://jlongster.com/Backend-Apps-with-Webpack--Part-I

• Gulp tasks
• Webpack config
• Layout
• Dist layout to include package.json etc.

Use cases

• Lambda

redux-router & react-redux-router are out of wack, need to be hooked up to the store properly and demonstrated in the example app.

From babel configs & package.json

https://github.com/erikras/react-redux-universal-hot-example/tree/master/src/containers

Utlize this structure, of folders for each component/container in order to encapsulate css, images, tests etc..

Additionally, utilize this practice to keep actions and reducers connected:
https://github.com/erikras/react-redux-universal-hot-example/tree/master/src/redux

Also, constants are present throughout the top react-redux boilerplates. We should use them for reducers/actions.

• Encapsulation folders
• Aggregate reducers & actions together
• Use globals constants

Add emitError to ./build/config/webpack at:

export default {
    loaders: [
        {
            test    : /\.jsx?$/i,
            exclude : /node_modules/,
            loader  : 'eslint-loader',
            query: {
                quiet: true,
                emitError: false,

Livereload is hardcoded to localhost which is bad.

• Make a <script> for the index.ejs
• or, pull request the plugin