Update to Webpack v2 and Yarn (shakacode#336)

- Replaced npm calls to yarn
- updated package.json to webpack and all dependencies
- updated config files to use webpack2 syntax
- updated docs

Author: kaizencodes

Procfile.dev

@@ -7,10 +7,10 @@
 rails: REACT_ON_RAILS_ENV=HOT rails s -b 0.0.0.0
 
 # Run the hot reload server for client development
-hot-assets: sh -c 'rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && HOT_RAILS_PORT=3500 npm run hot-assets'
+hot-assets: sh -c 'rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && HOT_RAILS_PORT=3500 yarn run hot-assets'
 
 # Render static client assets
-rails-static-client-assets: sh -c 'npm run build:dev:client'
+rails-static-client-assets: sh -c 'yarn run build:dev:client'
 
 # Render static client assets. Remove if not server rendering
-rails-static-server-assets: sh -c 'npm run build:dev:server'
+rails-static-server-assets: sh -c 'yarn run build:dev:server'

Procfile.express

@@ -11,4 +11,4 @@
 # 3. React on Rails does not have a shared_store JS rendering:
 #    https://github.com/shakacode/react_on_rails/issues/504
 
-express: sh -c 'HOT_PORT=4000 npm start'
+express: sh -c 'HOT_PORT=4000 yarn start'

Procfile.hot

@@ -6,7 +6,7 @@
 rails: REACT_ON_RAILS_ENV=HOT rails s -b 0.0.0.0
 
 # Run the hot reload server for client development
-hot-assets: sh -c 'rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && HOT_RAILS_PORT=3500 npm run hot-assets'
+hot-assets: sh -c 'rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && HOT_RAILS_PORT=3500 yarn run hot-assets'
 
 # Keep the JS fresh for server rendering. Remove if not server rendering
-rails-server-assets: sh -c 'npm run build:dev:server'
+rails-server-assets: sh -c 'yarn run build:dev:server'

Procfile.spec

@@ -3,7 +3,7 @@
 # in rails_helper.rb.
 
 # Build client assets, watching for changes.
-rails-client-assets: sh -c 'bundle exec rake react_on_rails:locale && npm run build:dev:client'
+rails-client-assets: sh -c 'bundle exec rake react_on_rails:locale && yarn run build:dev:client'
 
 # Build server assets, watching for changes. Remove if not server rendering.
-rails-server-assets: sh -c 'npm run build:dev:server'
+rails-server-assets: sh -c 'yarn run build:dev:server'

Procfile.static

@@ -2,7 +2,7 @@
 rails: REACT_ON_RAILS_ENV= rails s -b 0.0.0.0
 
 # Build client assets, watching for changes.
-rails-client-assets: rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && npm run build:dev:client
+rails-client-assets: rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && yarn run build:dev:client
 
 # Build server assets, watching for changes. Remove if not server rendering.
-rails-server-assets: npm run build:dev:server
+rails-server-assets: yarn run build:dev:server

Procfile.static.trace

@@ -2,7 +2,7 @@
 rails: TRACE_REACT_ON_RAILS=TRUE rails s -b 0.0.0.0
 
 # Build client assets, watching for changes.
-rails-client-assets: bundle exec rake react_on_rails:locale && npm run build:dev:client
+rails-client-assets: bundle exec rake react_on_rails:locale && yarn run build:dev:client
 
 # Build server assets, watching for changes. Remove if not server rendering.
-rails-server-assets: npm run build:dev:server
+rails-server-assets: yarn run build:dev:server

client/README.md

@@ -18,49 +18,39 @@ It also includes many eslint defaults that the AirBnb eslint does not include.
 Running linter:
 ===========================
 
-Soon to be in gulpfile....but gulp-eslint depends on eslint depends on 
+Soon to be in gulpfile....but gulp-eslint depends on eslint depends on
 
 ```
     "eslint-plugin-react": "^2.0.2",
 ```
 
-So don't use `npm run gulp lint` yet. 
+So don't use `yarn run gulp lint` yet.
 
-For now: 
+For now:
 
     bin/lint
-    
+
 Or (from either top level or within `client` directory)
 
-    npm run lint
-    
-    
+    yarn run lint
+
+
 Updating Node Dependencies
 ===========================
 
 ```
-npm install -g npm-check-updates
+yarn global add npm-check-updates
 ```
- 
+
 Then run this to update the dependencies (starting at the top level).
 
 ```
 # Make sure you are in the top directory, then run:
-cd client 
-rm npm-shrinkwrap.json
-npm-check-updates -u
-npm install
-npm prune
-npm shrinkwrap
+cd client
+ncu -u
+yarn upgrade
 ```
 
-Then confirm that the hot reload server and the rails server both work fine. You
-may have to delete `node_modules` and `npm-shrinkwrap.json` and then run `npm
-shrinkwrap`.
-
-Note: `npm prune` is required before running `npm shrinkwrap` to remove dependencies that are no longer needed after doing updates.
-
-
 Adding Node Modules
 =====================================
 Suppose you want to add a dependency to "module_name"....
@@ -72,9 +62,5 @@ Before you do so, consider:
 
 ```bash
 cd client
-npm install --save module_name@version
-# or 
-# npm install --save_dev module_name@version
-rm npm-shrinkwrap.json
-npm shrinkwrap
+yarn add module_name@version
 ```