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 (webpack-contrib/webpack-hot-middleware#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