An Universal React Movie Carousel app

A totally over-engineered carousel demo retrieving data from external source.

But it has given me the oppertunity to get to know universal/isomorphic javascript, react-router, react-helmet and more.

I've used a starter-kit to get started: universal react by DominicTobias.

WORKLOG:

Hot Module Reloading serverside node_modules app

Hot Module Reloading clientside normal browsers css IE (https://github.com/glenjamin/webpack-hot-middleware/issues/53)

debugger statement support

great sourcemaps

debug-able css (no inline) css-modules imports variables

port should become global

FIX: single hot-update.json 404

move app serverMiddleware to server.js split server.js into only server running related things.

chunked / streaming response from server compression http2 http2 push

cached

component cache

proper logger with levels log to file

Webpack Progress in dev, full log with --display-modules --display-reasons in production

Use react production version

globals into webpack defineplugin

replace fake-style-loader

auto camelcase css-modules

eslint

dependencies grapher

statistics of appsize statistics of app performance

use webpack hash to version assets

investigate why/if a entry chunk (manifest-file) is a good idea

move script logic to actual scripts npm run install npm run test: [*] npm run analyze / npm run report npm run build npm run prod / npm run production npm run dev

npm start -> install and wizard to choose production | development

git hooks pre push > build, test, analyze