sylver/react-starter

React 16 | Webpack 4 | Babel 7 | Docker + Compose | Eslint

React 16 + Webpack 4 Full SSR Starter

WIP

What's working :

• Docker
• Webpack4 build
• HMR
• SSR (full render with HMR and build, including css)

What's left to do :

• SSR for images with import
• TypeScript
• Tests with Jest+Enzyme

How to use it

• Clone this repo
• Create a .env file
  make .env
• Install dependencies
  yarn install

dev

• run a dev server with hot reloading
  yarn dev

prod

• build the dist folder
  yarn build
• run the production server
  yarn start

Docker

A docker config is available mainly for dev purposes right now.
I will improve it later.

react-starter's Issues

Geoloc

Build errors

Was trying this out, but got a few errors...

$ yarn dev
yarn run v1.5.1
$ BABEL_ENV=node yarn nodemon --exec babel-node dev/server
$ nodemon --config config/nodemon.json --exec babel-node dev/server
[nodemon] 1.17.3
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: /data/data/com.termux/files/home/workspace/react-starter/src/server/**/* /data/data/com.termux/files/home/workspace/react-starter/dev/**/* ./index.js /data/data/com.termux/files/home/workspace/react-starter/config/**/* .babelrc.js
[nodemon] starting `babel-node dev/server.js`
Self-started ｢dev｣ server on port 8888
Total precache size is about 0 B for 0 resources.
webpack built f0d23f254ac6ec9b533b in 9642ms
✖ ｢wdm｣: Hash: f0d23f254ac6ec9b533b
Version: webpack 4.5.0
Time: 9642ms
Built at: Fri May 11 2018 09:08:04 GMT-0400 (EDT)
                        Asset       Size  Chunks             Chunk Names
                app.bundle.js   2.72 MiB     app  [emitted]  app
../server/templates/index.ejs  775 bytes          [emitted]
Entrypoint app = app.bundle.js
[./node_modules/ansi-html/index.js] 4.16 KiB {app} [built]
[./node_modules/querystring-es3/index.js] 127 bytes {app} [built]
[./node_modules/react-dom/index.js] 1.33 KiB {app} [built]
[./node_modules/react-router-dom/es/HashRouter.js] 2.33 KiB {app} [built]
[./node_modules/react-router-dom/es/index.js] 925 bytes {app} [built]
[./node_modules/react/index.js] 190 bytes {app} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {app} [built]
[./node_modules/webpack-hot-middleware/client-overlay.js] (webpack)-hot-middleware/client-overlay.js 2.16 KiB {app} [built]
[./node_modules/webpack-hot-middleware/client.js?timeout=10000] (webpack)-hot-middleware/client.js?timeout=10000 7.33 KiB {app} [built]
[./node_modules/webpack-hot-middleware/process-update.js] (webpack)-hot-middleware/process-update.js 4.23 KiB {app} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 519 bytes {app} [built]
[./src/client/app.jsx] 2.18 KiB {app} [built]
[./src/client/index.js] 743 bytes {app} [built]
[./src/common/env.js] 3.04 KiB {app} [built]
   [0] multi ./src/client webpack-hot-middleware/client?timeout=10000 40 bytes {app} [built]
    + 102 hidden modules

ERROR in ./src/client/pages/HomePage.jsx

/data/data/com.termux/files/home/workspace/react-starter/src/client/pages/HomePage.jsx
  25:21  error  Unexpected line break after this opening brace   object-curly-newline
  27:1   error  Unexpected line break before this closing brace  object-curly-newline

✖ 2 problems (2 errors, 0 warnings)
  2 errors, 0 warnings potentially fixable with the `--fix` option.

 @ ./src/client/pages/index.js 25:39-60
 @ ./src/client/app.jsx
 @ ./src/client/index.js
 @ multi ./src/client webpack-hot-middleware/client?timeout=10000

ERROR in ./src/client/vendors/katalyzer/src/Katalyzer.jsx

/data/data/com.termux/files/home/workspace/react-starter/src/client/vendors/katalyzer/src/Katalyzer.jsx
  24:25  error  Unexpected line break after this opening brace   object-curly-newline
  25:3   error  Unexpected line break before this closing brace  object-curly-newline
  27:30  error  Unexpected line break after this opening brace   object-curly-newline
  29:3   error  Unexpected line break before this closing brace  object-curly-newline
  32:12  error  Unexpected line break after this opening brace   object-curly-newline
  34:5   error  Unexpected line break before this closing brace  object-curly-newline

✖ 6 problems (6 errors, 0 warnings)
  6 errors, 0 warnings potentially fixable with the `--fix` option.

 @ ./src/client/vendors/katalyzer/index.js 13:40-66
 @ ./src/client/app.jsx
 @ ./src/client/index.js
 @ multi ./src/client webpack-hot-middleware/client?timeout=10000
Child html-webpack-plugin for "../server/templates/index.ejs":
                            Asset      Size  Chunks  Chunk Names
    ../server/templates/index.ejs  26.7 KiB       0
    Entrypoint undefined = ../server/templates/index.ejs
    [./node_modules/html-loader/index.js!./src/server/templates/index.ejs] ./node_modules/html-loader!./src/server/templates/index.ejs 791 bytes {0} [built]
ℹ ｢wdm｣: Failed to compile.