strues / react-universal-boiler Goto Github PK

A bold way to begin your next great universal React application. Uses Webpack 3, React 16, Redux, and more for a great developer experience.

License: MIT License

JavaScript 93.79% CSS 6.21%

webpack react server-side-rendering redux boilerplate universal-javascript universal-react ssr

react-universal-boiler's People

Contributors

Stargazers

Watchers

Forkers

akupila precorfadiqassem khadorkin lineldcosta otmjka ilanus markudevelop rolele ptzagk alex-tolkunov hitesh97

react-universal-boiler's Issues

`yarn dev` fail

Hi @strues can you help me?

I've cloned the repo.
yarn install
cp .env.example .env
yarn dev
and got error:

🚀  Server running on port: 3000
webpack building...
✔ CLIENT Done!
webpack built f90881dd0b43fdcbcd91 in 3887ms
✔ SERVER Done!

/Users/otmjka/projects/psyprofile/node_modules/memory-fs/lib/MemoryFileSystem.js:112
			throw new MemoryFileSystemError(errors.code.EISDIR, _path);
			^
Error
    at MemoryFileSystem.readFileSync (/Users/otmjka/projects/psyprofile/node_modules/memory-fs/lib/MemoryFileSystem.js:112:10)
    at MultiCompiler.multiCompiler.plugin.multiStats (/Users/otmjka/projects/psyprofile/node_modules/webpack-hot-server-middleware/src/index.js:119:33)
    at MultiCompiler.applyPlugins (/Users/otmjka/projects/psyprofile/node_modules/tapable/lib/Tapable.js:61:14)
    at Compiler.compiler.plugin.stats (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/MultiCompiler.js:33:11)
    at Compiler.applyPlugins (/Users/otmjka/projects/psyprofile/node_modules/tapable/lib/Tapable.js:61:14)
    at Watching._done (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/Compiler.js:104:17)
    at compiler.emitRecords.err (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/Compiler.js:78:19)
    at Compiler.emitRecords (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/Compiler.js:375:38)
    at compiler.emitAssets.err (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/Compiler.js:61:20)
    at applyPluginsAsyncSeries1.err (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/Compiler.js:368:12)
    at Compiler.applyPluginsAsyncSeries1 (/Users/otmjka/projects/psyprofile/node_modules/tapable/lib/Tapable.js:211:46)
    at Compiler.afterEmit (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/Compiler.js:365:9)
    at require.forEach.err (/Users/otmjka/projects/psyprofile/node_modules/webpack/lib/Compiler.js:354:15)
    at /Users/otmjka/projects/psyprofile/node_modules/async/dist/async.js:421:16
    at iteratorCallback (/Users/otmjka/projects/psyprofile/node_modules/async/dist/async.js:998:13)
    at /Users/otmjka/projects/psyprofile/node_modules/async/dist/async.js:906:16
[nodemon] app crashed - waiting for file changes before starting...

Start debugging and found the error raised at
/server/middleware/hot.js

app.use(
  webpackHotServerMiddleware(multiCompiler, {
    serverRendererOptions: { outputPath },
  }),
);

And mb it is the same problem as described here

Have you the same problem?

Hi, I've deployed my repo on Heroku. For heroku build I had to move some dev deps to main deps.
I think this error related with webpack-isomorphic-tools ( for port maybe).
Here are the logs for my app:

2016-10-12T08:56:22.547151+00:00 app[web.1]: npm ERR! not with npm itself.
2016-10-12T08:56:22.547322+00:00 app[web.1]: npm ERR! Tell the author that this fails on your system:
2016-10-12T08:56:22.547473+00:00 app[web.1]: npm ERR!     npm run start:prod
2016-10-12T08:56:22.547624+00:00 app[web.1]: npm ERR! You can get information on how to open an issue for this project with:
2016-10-12T08:56:22.551856+00:00 app[web.1]: npm ERR!     npm bugs manavjyot-charity-app
2016-10-12T08:56:22.552011+00:00 app[web.1]: npm ERR! Or if that isn't available, you can get their info via:
2016-10-12T08:56:22.552145+00:00 app[web.1]: npm ERR!     npm owner ls manavjyot-charity-app
2016-10-12T08:56:22.552291+00:00 app[web.1]: npm ERR! There is likely additional logging output above.
2016-10-12T08:56:22.622169+00:00 app[web.1]:
2016-10-12T08:56:22.622395+00:00 app[web.1]: npm ERR! Please include the following file with any support request:
2016-10-12T08:56:22.622501+00:00 app[web.1]: npm ERR!     /app/npm-debug.log
2016-10-12T08:56:22.727290+00:00 heroku[web.1]: Process exited with status 1
2016-10-12T08:56:22.738402+00:00 heroku[web.1]: State changed from starting to crashed
2016-10-12T14:40:24.804716+00:00 heroku[web.1]: State changed from crashed to starting
2016-10-12T14:40:30.187206+00:00 heroku[web.1]: Starting process with command `npm start`
2016-10-12T14:40:33.561868+00:00 app[web.1]:
2016-10-12T14:40:33.561882+00:00 app[web.1]: > [email protected] start /app
2016-10-12T14:40:33.561883+00:00 app[web.1]: > npm run start:prod
2016-10-12T14:40:33.561883+00:00 app[web.1]:
2016-10-12T14:40:35.099249+00:00 app[web.1]:
2016-10-12T14:40:35.099259+00:00 app[web.1]: > [email protected] start:prod /app
2016-10-12T14:40:35.099260+00:00 app[web.1]: > better-npm-run start:prod
2016-10-12T14:40:35.099261+00:00 app[web.1]:
2016-10-12T14:40:35.288827+00:00 app[web.1]: running better-npm-run in /app
2016-10-12T14:40:35.385011+00:00 app[web.1]: Executing script: start:prod
2016-10-12T14:40:35.386687+00:00 app[web.1]: to be executed: node ./bin/run.js
2016-10-12T14:40:35.385020+00:00 app[web.1]:
2016-10-12T14:40:38.422148+00:00 app[web.1]: Wed, 12 Oct 2016 14:40:38 GMT express-session deprecated req.secret; provide secret option at static/server.js:728:38
2016-10-12T14:40:38.491564+00:00 app[web.1]: RangeError: "port" argument must be >= 0 and < 65536
2016-10-12T14:40:38.491568+00:00 app[web.1]:     at assertPort (internal/net.js:17:11)
2016-10-12T14:40:38.491569+00:00 app[web.1]:     at Server.listen (net.js:1383:5)
2016-10-12T14:40:38.491570+00:00 app[web.1]:     at Object.<anonymous> (/app/static/webpack:/src/server.js:268:8)
2016-10-12T14:40:38.491571+00:00 app[web.1]:     at Object.module.exports.Object.defineProperty.value (/app/static/server.js:894:30)
2016-10-12T14:40:38.491571+00:00 app[web.1]:     at __webpack_require__ (/app/static/webpack:/webpack/bootstrap aef6249a0924d9e9ac1b:19:1)
2016-10-12T14:40:38.491572+00:00 app[web.1]:     at Object.<anonymous> (/app/static/server.js:4613:18)
2016-10-12T14:40:38.491573+00:00 app[web.1]:     at __webpack_require__ (/app/static/webpack:/webpack/bootstrap aef6249a0924d9e9ac1b:19:1)
2016-10-12T14:40:38.491574+00:00 app[web.1]:     at /app/static/webpack:/webpack/bootstrap aef6249a0924d9e9ac1b:63:1
2016-10-12T14:40:38.491574+00:00 app[web.1]:     at Object.<anonymous> (/app/static/server.js:68:10)
2016-10-12T14:40:38.491575+00:00 app[web.1]:     at Module._compile (module.js:556:32)
2016-10-12T14:40:38.491579+00:00 app[web.1]:     at Module.require._compile (/app/node_modules/webpack-isomorphic-tools/source/index.js:507:28)
2016-10-12T14:40:38.491579+00:00 app[web.1]:     at Object.Module._extensions..js (module.js:565:10)
2016-10-12T14:40:38.491580+00:00 app[web.1]:     at Module.load (module.js:473:32)
2016-10-12T14:40:38.491581+00:00 app[web.1]:     at tryModuleLoad (module.js:432:12)
2016-10-12T14:40:38.491581+00:00 app[web.1]:     at Function.Module._load (module.js:424:3)
2016-10-12T14:40:38.491582+00:00 app[web.1]:     at Module.require (module.js:483:17)
2016-10-12T14:40:38.491582+00:00 app[web.1]:     at require (internal/module.js:20:19)
2016-10-12T14:40:38.491583+00:00 app[web.1]:     at global.webpackIsomorphicTools.WebpackIsomorphicTools.server (/app/bin/run.js:19:5)
2016-10-12T14:40:38.491584+00:00 app[web.1]:     at check (/app/node_modules/webpack-isomorphic-tools/source/index.js:787:13)
2016-10-12T14:40:38.491584+00:00 app[web.1]:     at wait_for (/app/node_modules/webpack-isomorphic-tools/source/index.js:803:4)
2016-10-12T14:40:38.491585+00:00 app[web.1]:     at Immediate.<anonymous> (/app/node_modules/webpack-isomorphic-tools/source/index.js:841:22)
2016-10-12T14:40:38.491586+00:00 app[web.1]:     at runCallback (timers.js:574:20)
2016-10-12T14:40:38.491586+00:00 app[web.1]:     at tryOnImmediate (timers.js:554:5)
2016-10-12T14:40:38.491587+00:00 app[web.1]:     at processImmediate [as _immediateCallback] (timers.js:533:5)

Comparison with react-universally

Hi @strues, this looks cool and I'm curious how you see this evolving differently from react-universally? Thank you for putting this out!

Warning: React does not recognize the `staticContext` prop on a DOM element.

As the boiler has server-side rendering, we have to check if staticContext exists because it will be undefined if rendered through a BrowserRouter on the client side, which will display the following error:

warning.js:33 Warning: React does not recognize the staticContextprop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercasestaticcontext instead. If you accidentally passed it from a parent component, remove it from the DOM element. Pull request coming shortly.

builld failing,

seems like the build is failing.

fatal watch error!!! { Error: Can't resolve 'babel' in '/Users/oriavraham/Development/Playground/react-universal-boiler'

FLUSH CHUNKS, Incorrect naming

[FLUSH CHUNKS]: Unable to find pages/countries in Webpack chunks. Please check usage of Babel plugin. This error happens on each page.


  277.28 KB  assets/main-r6AMKdo4.js
  42.15 KB   assets/main-1JLNw0SD.css
  11.32 KB   assets/8-6bnWv4hH.js
  4.39 KB    assets/9-1Jx84O0r.js
  4.22 KB    assets/10-wItyBnYn.js
  2.57 KB    assets/3-meLMAPYX.js
  2.5 KB     assets/bootstrap-kkgquqTl.js
  2.47 KB    assets/6-qdCWa6Ml.js
  2.42 KB    assets/1-meLMAPYX.js
  2.42 KB    assets/0-meLMAPYX.js
  2.35 KB    assets/2-meLMAPYX.js
  2.25 KB    assets/4-qdCWa6Ml.js
  2.19 KB    assets/5-qdCWa6Ml.js
  2.14 KB    assets/11-u60WUOSq.js
  2.14 KB    assets/7-qdCWa6Ml.js
  291 B      assets/vendor-7HGaId8t.js

p.s. happen on yarn start (not dev)

work with happypack and webpack 1?

Hi,is react-hot-loader work with happypack and webpack 1?
I set my webpack configuration follow the workthrough but it seems to not working for me.

jumping css while rendering the page in production

yarn start
It start like this:

and it render like this:

This is a big issue I think. Do you have any idea what is the problem here?

I can't get working hmr

It work if I change some scss but when I change any js it full reload the page.
It seems reload server listening on 3000 every time

error building for production

I get this stack while trying to build with node 8

 yarn build                                                                                                                                                                                                                                                                                                                                                                                                                  [11:25:08]
yarn build v0.23.4
$ npm run clean && NODE_ENV=production babel-node tools/scripts/build.js

> [email protected] clean /Users/others/react-universal-boiler
> babel-node tools/scripts/clean.js

Cleaned /Users/others/react-universal-boiler/build
Cleaned /Users/others/react-universal-boiler/public/assets

🚀  Starting production build...

✅  client webpack configuration compiled

💩  client build failed


⚡  See webpack error above
⚡  Hash: 7912170f260d9253a388
Version: webpack 2.5.1
Time: 25900ms
                             Asset      Size  Chunks                    Chunk Names
      main-13243ba4c563c4e45dbc.js   8.89 kB       0  [emitted]         main
                     manifest.json  36 bytes          [emitted]
    vendor-6edb153199b8d1c8bf41.js    504 kB       1  [emitted]  [big]  vendor
  main-13243ba4c563c4e45dbc.js.map     16 kB       0  [emitted]         main
vendor-6edb153199b8d1c8bf41.js.map   1.83 MB       1  [emitted]         vendor
chunk    {0} main-13243ba4c563c4e45dbc.js, main-13243ba4c563c4e45dbc.js.map (main) 11.4 kB {1} [initial] [rendered]
 [16+n] ./src/shared/scenes/Tools/Tools.js 794 bytes {0} [built]
        [] -> factory:299ms building:278ms dependencies:2ms = 579ms
 [7fmh] ./src/shared/state/modules/app.js 1.11 kB {0} [built]
        [] -> factory:148ms building:390ms dependencies:2ms = 540ms
 [L2mc] ./src/shared/components/App/index.js 27 bytes {0} [built]
        [] -> factory:476ms building:257ms = 733ms
    [0] multi ./src/client/index.js 28 bytes {0} [built]
         factory:0ms building:1ms = 1ms
 [A84q] ./src/shared/scenes/Home/index.js 37 bytes {0} [built]
        [] -> factory:476ms building:265ms = 741ms
 [EAxn] ./src/client/index.js 1.3 kB {0} [built]
        [] -> factory:501ms building:85ms dependencies:9ms = 595ms
 [Em9Y] ./src/shared/components/App/App.js 1.17 kB {0} [built]
        [] -> factory:269ms building:208ms dependencies:45ms = 522ms
 [V+gO] ./src/shared/core/addRoutes.js 928 bytes {0} [built]
        [] -> factory:284ms building:118ms dependencies:451ms = 853ms
 [g2Tx] ./src/client/ReactHotLoader.js 198 bytes {0} [built]
        [] -> factory:267ms building:34ms dependencies:3ms = 304ms
 [jvBb] ./src/shared/state/reducers.js 219 bytes {0} [built]
        [] -> factory:75ms building:208ms dependencies:6ms = 289ms
 [mrUu] ./src/shared/scenes/Tools/index.js 29 bytes {0} [built]
        [] -> factory:477ms building:266ms = 743ms
 [qHHf] ./src/shared/components/NotFound/index.js 32 bytes {0} [built]
        [] -> factory:476ms building:260ms = 736ms
 [u1Qv] ./src/shared/routes.js 426 bytes {0} [built]
        [] -> factory:284ms building:134ms = 418ms
 [u4AE] ./src/shared/state/store.js 913 bytes {0} [built]
        [] -> factory:284ms building:166ms dependencies:7ms = 457ms
 [wyKF] ./src/shared/scenes/Home/HomeContainer.js 541 bytes {0} [built]
        [] -> factory:300ms building:259ms dependencies:7ms = 566ms
     + 5 hidden modules
chunk    {1} vendor-6edb153199b8d1c8bf41.js, vendor-6edb153199b8d1c8bf41.js.map (vendor) 1.56 MB [entry] [rendered]
 [2KeS] ./~/redux/es/index.js 1.08 kB {1} [built]
        [] -> factory:508ms building:94ms = 602ms
 [6TFh] ./~/redux-logger/lib/index.js 5.4 kB {1} [built]
        [] -> factory:511ms building:120ms = 631ms
 [F8kA] ./~/react-router-dom/es/index.js 925 bytes {1} [built]
        [] -> factory:509ms building:99ms = 608ms
 [MT/C] ./~/react-router-redux/es/index.js 356 bytes {1} [built]
        [] -> factory:511ms building:136ms = 647ms
 [O27J] ./~/react-dom/index.js 59 bytes {1} [built]
        [] -> factory:507ms building:91ms = 598ms
 [RH2O] ./~/react-redux/es/index.js 194 bytes {1} [built]
        [] -> factory:510ms building:103ms = 613ms
 [U7vG] ./~/react/react.js 56 bytes {1} [built]
        [] -> factory:506ms building:86ms = 592ms
 [VEsJ] ./~/styled-components/dist/styled-components.es.js 251 kB {1} [built]
        [] -> factory:512ms building:330ms dependencies:1ms = 843ms
 [ZBO9] ./~/redux/es/createStore.js 8.79 kB {1} [built]
        [] -> factory:250ms building:46ms = 296ms
    [1] multi react react-dom react-router-dom redux react-redux redux-thunk redux-logger react-router-redux react-router-config axios styled-components 148 bytes {1} [built]
         factory:0ms building:1ms = 1ms
 [bEzl] ./~/redux-thunk/es/index.js 481 bytes {1} [built]
        [] -> factory:510ms building:334ms = 844ms
 [ciQf] ./~/history/createBrowserHistory.js 9.53 kB {1} [built]
        [] -> factory:376ms building:175ms dependencies:549ms = 1100ms
 [mtWM] ./~/axios/index.js 40 bytes {1} [built]
        [] -> factory:507ms building:86ms = 593ms
 [u76X] ./~/react-router-config/index.js 505 bytes {1} [built]
        [] -> factory:508ms building:89ms = 597ms
 [yt5j] ./~/react-router-dom/es/matchPath.js 52 bytes {1} [built]
        [] -> factory:250ms building:89ms dependencies:530ms = 869ms
     + 335 hidden modules

ERROR in ./src/shared/styles/main.scss
Module build failed: ModuleBuildError: Module build failed: Error: ENOENT: no such file or directory, open '/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/../../.svgo.yml'
    at Object.fs.openSync (fs.js:651:18)
    at Object.fs.readFileSync (fs.js:553:33)
    at module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/config.js:31:48)
    at new module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo.js:21:19)
    at /Users/others/react-universal-boiler/node_modules/postcss-svgo/dist/index.js:91:16
    at Object.creator [as postcssSvgo] (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
    at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:276:40
    at Array.forEach (native)
    at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:263:29
    at creator (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
    at runLoaders (/Users/others/react-universal-boiler/node_modules/webpack/lib/NormalModule.js:192:19)
    at /Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:364:11
    at /Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:230:18
    at runSyncOrAsync (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:143:3)
    at iterateNormalLoaders (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
    at iterateNormalLoaders (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
    at /Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:233:3
    at context.callback (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/others/react-universal-boiler/node_modules/postcss-loader/index.js:141:13
    at <anonymous>
 @ ./src/shared/components/App/App.js 1:227-258
 @ ./src/shared/components/App/index.js
 @ ./src/shared/routes.js
 @ ./src/client/index.js
 @ multi ./src/client/index.js

ERROR in ./src/shared/styles/main.scss
Module build failed: ModuleBuildError: Module build failed: Error: ENOENT: no such file or directory, open '/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/../../.svgo.yml'
    at Object.fs.openSync (fs.js:651:18)
    at Object.fs.readFileSync (fs.js:553:33)
    at module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/config.js:31:48)
    at new module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo.js:21:19)
    at /Users/others/react-universal-boiler/node_modules/postcss-svgo/dist/index.js:91:16
    at Object.creator [as postcssSvgo] (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
    at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:276:40
    at Array.forEach (native)
    at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:263:29
    at creator (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
    at runLoaders (/Users/others/react-universal-boiler/node_modules/webpack/lib/NormalModule.js:192:19)
    at /Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:364:11
    at /Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:230:18
    at runSyncOrAsync (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:143:3)
    at iterateNormalLoaders (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
    at iterateNormalLoaders (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
    at /Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:233:3
    at context.callback (/Users/others/react-universal-boiler/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/others/react-universal-boiler/node_modules/postcss-loader/index.js:141:13
    at <anonymous>

ERROR in /Users/others/react-universal-boiler/node_modules/extract-text-webpack-plugin/loader.js??ref--10-0!/Users/others/react-universal-boiler/node_modules/style-loader/index.js!/Users/others/react-universal-boiler/node_modules/css-loader/index.js??ref--10-2!/Users/others/react-universal-boiler/node_modules/postcss-loader/index.js!/Users/others/react-universal-boiler/node_modules/sass-loader/lib/loader.js!/Users/others/react-universal-boiler/src/shared/styles/main.scss doesn't export content
Child extract-text-webpack-plugin:
    chunk    {0} extract-text-webpack-plugin-output-filename 982 bytes [entry] [rendered]
     [ASEX] ./~/css-loader?{"modules":false,"minimize":true,"autoprefixer":false,"importLoaders":2,"localIdentName":"[hash:base64]"}!./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/shared/styles/main.scss 982 bytes {0} [built] [failed] [1 error]
             factory:34ms building:904ms = 938ms

    ERROR in ./~/css-loader?{"modules":false,"minimize":true,"autoprefixer":false,"importLoaders":2,"localIdentName":"[hash:base64]"}!./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/shared/styles/main.scss
    Module build failed: Error: ENOENT: no such file or directory, open '/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/../../.svgo.yml'
        at Object.fs.openSync (fs.js:651:18)
        at Object.fs.readFileSync (fs.js:553:33)
        at module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/config.js:31:48)
        at new module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo.js:21:19)
        at /Users/others/react-universal-boiler/node_modules/postcss-svgo/dist/index.js:91:16
        at Object.creator [as postcssSvgo] (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
        at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:276:40
        at Array.forEach (native)
        at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:263:29
        at creator (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
Child extract-text-webpack-plugin:
    chunk    {0} extract-text-webpack-plugin-output-filename 982 bytes [entry] [rendered]
     [ASEX] ./~/css-loader?{"modules":false,"minimize":true,"autoprefixer":false,"importLoaders":2,"localIdentName":"[hash:base64]"}!./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/shared/styles/main.scss 982 bytes {0} [built] [failed] [1 error]
             factory:19ms building:6ms = 25ms

    ERROR in ./~/css-loader?{"modules":false,"minimize":true,"autoprefixer":false,"importLoaders":2,"localIdentName":"[hash:base64]"}!./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/shared/styles/main.scss
    Module build failed: Error: ENOENT: no such file or directory, open '/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/../../.svgo.yml'
        at Object.fs.openSync (fs.js:651:18)
        at Object.fs.readFileSync (fs.js:553:33)
        at module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo/config.js:31:48)
        at new module.exports (/Users/others/react-universal-boiler/node_modules/svgo/lib/svgo.js:21:19)
        at /Users/others/react-universal-boiler/node_modules/postcss-svgo/dist/index.js:91:16
        at Object.creator [as postcssSvgo] (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
        at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:276:40
        at Array.forEach (native)
        at /Users/others/react-universal-boiler/node_modules/cssnano/dist/index.js:263:29
        at creator (/Users/others/react-universal-boiler/node_modules/postcss/lib/postcss.es6:111:27)
error Command failed with exit code 1.
(py2-env) FAIL: 1

redux-logger doesnt seems to work

Just noticed redux-logger it doesn't work. EDIT: placing it before enhancers seem to fix it.

Also another issue componentWillReceiveProps doesn't get called only componentDidMount when rendering with the library, I would like to react for props changed for same page (in case of pagination for example only the page parameter will change and there will be no real re-render)

Styled components css Is not generated on the server

It seems that after recent changes, the server does not compile styled-components chunks the className is there but css is empty. and there's an error from the console Warning: Failed context type: Invalid context styled-components-stylesheetof typeStyleSheetsupplied toComponent, expected instance of StyleSheet. If Javascript is turned on everything is works fine, any idea what's missing?

Build Fails after adding few client libs [material-ui, redux-form, wallop, react-tap-event-plugin]

I get this error when I run npm run build

E:\ReactJS\react-universal-boiler>npm run build

> [email protected] build E:\ReactJS\react-universal-boiler
> npm-run-all -s clean build:server build:client


> [email protected] clean E:\ReactJS\react-universal-boiler
> rimraf static/assets && rimraf static/server.js && rimraf static/server.js.map && rimraf static/webpack-assets.json && rimraf static/webpack-stats.json


> [email protected] build:server E:\ReactJS\react-universal-boiler
> better-npm-run build:server

running better-npm-run in E:\ReactJS\react-universal-boiler
Executing script: build:server

to be executed: "webpack --config tools/webpack/webpack.config.node.js"
E:\ReactJS\react-universal-boiler\node_modules\loader-runner\lib\LoaderRunner.js:128
                if(isError) throw e;
                            ^

TypeError: Cannot read property 'replace' of undefined
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\NormalModuleFactory.js:89:26
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\NormalModuleFactory.js:39:4
    at handleExternal (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:25:32)
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:81:24
    at next (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:45:41)
    at handleExternals (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:59:7)
    at ExternalModuleFactoryPlugin.<anonymous> (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:79:5)
    at handleExternal (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:25:32)
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:81:24
    at next (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:45:41)
    at handleExternals (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:59:7)
    at ExternalModuleFactoryPlugin.<anonymous> (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:79:5)
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\NormalModuleFactory.js:207:3
    at E:\ReactJS\react-universal-boiler\node_modules\tapable\lib\Tapable.js:131:11
    at NormalModuleFactory.<anonymous> (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\NormalModuleReplacementPlugin.js:26:11)
    at NormalModuleFactory.applyPluginsAsyncWaterfall (E:\ReactJS\react-universal-boiler\node_modules\tapable\lib\Tapable.js:135:13)
    at NormalModuleFactory.create (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\NormalModuleFactory.js:191:8)
    at async.forEach._this (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\Compilation.js:211:11)
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\node_modules\async\lib\async.js:181:20
    at Object.async.forEachOf.async.eachOf (E:\ReactJS\react-universal-boiler\node_modules\webpack\node_modules\async\lib\async.js:233:13)
    at Object.async.forEach.async.each (E:\ReactJS\react-universal-boiler\node_modules\webpack\node_modules\async\lib\async.js:209:22)
    at Compilation.addModuleDependencies (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\Compilation.js:192:8)
    at Compilation.processModuleDependencies (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\Compilation.js:177:7)
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\Compilation.js:317:12
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\Compilation.js:124:4
    at Array.forEach (native)
    at callback (E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\Compilation.js:123:12)
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\Compilation.js:147:10
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\NormalModule.js:209:10
    at E:\ReactJS\react-universal-boiler\node_modules\webpack\lib\NormalModule.js:164:10

npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run-script" "build:server"
npm ERR! node v6.5.0
npm ERR! npm  v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build:server: `better-npm-run build:server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build:server script 'better-npm-run build:server'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the boldr-universal-react package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     better-npm-run build:server
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs boldr-universal-react
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls boldr-universal-react
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     E:\ReactJS\react-universal-boiler\npm-debug.log
ERROR: "build:server" exited with 1.

npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
npm ERR! node v6.5.0
npm ERR! npm  v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: `npm-run-all -s clean build:server build:client`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script 'npm-run-all -s clean build:server build:client'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the boldr-universal-react package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     npm-run-all -s clean build:server build:client
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs boldr-universal-react
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls boldr-universal-react
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     E:\ReactJS\react-universal-boiler\npm-debug.log

E:\ReactJS\react-universal-boiler>

My package.json file:

{
  "name": "boldr-universal-react",
  "version": "0.1.1",
  "description": "A bold universal React starter project.",
  "betterScripts": {
    "build:client": {
      "command": "webpack --env production --config tools/webpack/webpack.config.client.js",
      "env": {
        "DEBUG": "boldr:*",
        "NODE_ENV": "production",
        "BABEL_ENV": "production",
        "SSR_PORT": 3000
      }
    },
    "build:server": {
      "command": "webpack --config tools/webpack/webpack.config.node.js",
      "env": {
        "NODE_ENV": "production",
        "BABEL_ENV": "production",
        "SSR_PORT": 3000
      }
    },
    "dev:client": {
      "command": "node ./tools/webpack/dev.server.js",
      "env": {
        "DEBUG": "boldr:*",
        "NODE_ENV": "development",
        "BABEL_ENV": "development",
        "SSR_PORT": 3000,
        "HMR_PORT": 3001,
        "WEBPACK_DLLS": 1
      }
    },
    "dev:server": {
      "command": "node ./bin/dev.js",
      "env": {
        "DEBUG": "boldr:*",
        "NODE_ENV": "development",
        "BABEL_ENV": "development",
        "SSR_PORT": 3000,
        "HMR_PORT": 3001,
        "WEBPACK_DLLS": 1
      }
    },
    "start:prod": {
      "command": "node ./bin/run.js",
      "env": {
        "NODE_ENV": "production",
        "SSR_PORT": 3000,
        "WEBPACK_DLLS": 0
      }
    },
    "test": {
      "command": "nyc mocha --compilers js:./tools/test/mocha.js --require tools/test/clientHelper.js --require ignore-styles --opts ./tools/test/mocha.opts './src/**/*.test.js'",
      "env": {
        "BABEL_ENV": "test",
        "NODE_ENV": "test"
      }
    }
  },
  "scripts": {
    "build": "npm-run-all -s clean build:server build:client",
    "build:client": "better-npm-run build:client",
    "build:server": "better-npm-run build:server",
    "build:dlls": "webpack --verbose --colors --display-error-details --config ./tools/webpack/dll.config.js",
    "clean": "rimraf static/assets && rimraf static/server.js && rimraf static/server.js.map && rimraf static/webpack-assets.json && rimraf static/webpack-stats.json",
    "clean:server": "rimraf static/server.js && rimraf static/server.js.map",
    "coverage": "nyc report --reporter=text-lcov | coveralls",
    "dev": "npm-run-all --parallel dev:client dev:server",
    "dev:client": "better-npm-run dev:client",
    "dev:server": "better-npm-run dev:server",
    "postinstall": "npm run build:dlls",
    "start:prod": "better-npm-run start:prod",
    "test": "better-npm-run test"
  },
  "main": "index.js",
  "author": "Steven Truesdell <[email protected]>",
  "license": "MIT",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/strues/boldr-universal-react.git"
  },
  "keywords": [
    "react",
    "webpack",
    "babel",
    "universal",
    "es6",
    "es7",
    "starter",
    "javascript",
    "redux"
  ],
  "bugs": {
    "url": "https://github.com/strues/boldr-universal-react/issues"
  },
  "engines": {
    "node": "~6.x",
    "npm": "~3.x"
  },
  "homepage": "https://github.com/strues/boldr-universal-react#readme",
  "nyc": {
    "check-coverage": true,
    "lines": 65,
    "statements": 65,
    "functions": 45,
    "include": [
      "src/**/*.js"
    ],
    "exclude": [
      "src/**/*.test.js"
    ],
    "reporter": [
      "lcov",
      "text-summary"
    ],
    "require": [
      "babel-register",
      "babel-polyfill",
      "./tools/test/clientHelper.js"
    ],
    "extension": [
      ".js"
    ],
    "sourceMap": false,
    "instrument": false
  },
  "devDependencies": {
    "assets-webpack-plugin": "^3.4.0",
    "autoprefixer": "^6.5.0",
    "babel-core": "^6.17.0",
    "babel-loader": "^6.2.5",
    "babel-plugin-istanbul": "^2.0.1",
    "babel-plugin-lodash": "^3.2.9",
    "babel-plugin-module-resolver": "^2.2.0",
    "babel-polyfill": "^6.16.0",
    "babel-preset-boldr": "^1.0.2",
    "babel-register": "^6.16.3",
    "chai": "^3.5.0",
    "chai-enzyme": "^0.5.2",
    "coveralls": "^2.11.14",
    "css-loader": "^0.25.0",
    "enzyme": "^2.4.1",
    "eslint": "^3.7.0",
    "eslint-config-boldr": "^1.1.1",
    "eslint-import-resolver-babel-module": "^2.0.1",
    "eslint-loader": "^1.5.0",
    "eslint-plugin-babel": "^3.3.0",
    "eslint-plugin-import": "^2.0.0",
    "eslint-plugin-react": "^6.3.0",
    "extract-text-webpack-plugin": "^2.0.0-beta.4",
    "file-loader": "^0.9.0",
    "happypack": "^2.2.1",
    "ignore-styles": "^5.0.1",
    "jsdom": "^9.6.0",
    "json-loader": "^0.5.4",
    "lodash-webpack-plugin": "^0.10.1",
    "mocha": "^3.1.0",
    "mocha-lcov-reporter": "^1.2.0",
    "node-sass": "^3.10.1",
    "nyc": "^8.3.0",
    "postcss-loader": "^0.13.0",
    "react-hot-loader": "^3.0.0-beta.5",
    "rimraf": "^2.5.4",
    "sass-loader": "^4.0.2",
    "sinon": "^1.17.6",
    "sinon-chai": "^2.8.0",
    "style-loader": "^0.13.1",
    "url-loader": "^0.5.7",
    "webpack": "^2.1.0-beta.25",
    "webpack-dev-middleware": "^1.8.3",
    "webpack-hot-middleware": "^2.12.2",
    "webpack-node-externals": "^1.4.3"
  },
  "dependencies": {
    "async": "^2.0.1",
    "bcrypt-nodejs": "0.0.3",
    "better-npm-run": "0.0.11",
    "body-parser": "^1.15.2",
    "classnames": "^2.2.5",
    "compression": "^1.6.2",
    "connect-mongo": "^1.3.2",
    "crypto": "0.0.3",
    "debug": "^2.2.0",
    "dotenv": "^2.0.0",
    "error-handler": "^1.0.0",
    "errorhandler": "^1.4.3",
    "es6-promise": "^4.0.4",
    "express": "^4.14.0",
    "express-session": "^1.14.1",
    "express-validator": "^2.20.10",
    "lodash": "^4.16.2",
    "lusca": "^1.4.1",
    "material-ui": "^0.16.0",
    "mongoose": "^4.6.3",
    "morgan": "^1.7.0",
    "nodemailer": "^2.6.4",
    "nodemailer-mailgun-transport": "git+https://github.com/orliesaurus/nodemailer-mailgun-transport.git",
    "npm-run-all": "^3.1.0",
    "passport": "^0.3.2",
    "passport-local": "^1.0.0",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "react-helmet": "^3.1.0",
    "react-redux": "^4.4.5",
    "react-router": "^2.8.1",
    "react-router-redux": "^4.0.6",
    "react-tap-event-plugin": "^1.0.0",
    "redial": "^0.5.0",
    "redux": "^3.6.0",
    "redux-form": "^6.1.0",
    "redux-thunk": "^2.1.0",
    "serialize-javascript": "^1.3.0",
    "serve-favicon": "^2.3.0",
    "source-map-support": "^0.4.3",
    "stripe": "^4.11.0",
    "superagent": "^2.3.0",
    "wallop": "^2.4.1",
    "webfontloader": "^1.6.26",
    "webpack-isomorphic-tools": "^2.5.8"
  }
}

performance question

For a large app, will it cause any performance issue due to waiting to load all the data before rendering the page? Is it possible to load data asynchronously without waiting for all actions to be completed?