Change port to 3000 and add console output to the webpack server

Author: timdorr

docs/introduction/Examples.md

@@ -75,7 +75,7 @@ cd redux/examples/universal
 npm install
 npm start & npm run client
 
-open http://localhost:8080/
+open http://localhost:3000/
 ```
 
 It covers:

examples/universal/server.js

@@ -8,7 +8,7 @@ import App from './containers/App';
 import { fetchCounter } from './api/counter';
 
 const app = Express();
-const port = 8080;
+const port = 3000;
 
 // Use this middleware to server up static files built into dist
 app.use(require('serve-static')(path.join(__dirname, 'dist')));
@@ -67,6 +67,6 @@ app.listen(port, (error) => {
   if (error) {
     console.error(error);
   } else {
-    console.info('==> 🌎  Listening on port 8080. Open up http://localhost:8080/ in your browser.');
+    console.info(`==> 🌎  Listening on port ${port}. Open up http://localhost:${port}/ in your browser.`);
   }
 });

examples/universal/webpack.config.js

@@ -1,9 +1,10 @@
 var path = require('path');
 var webpack = require('webpack');
 var host = 'localhost';
-var port = 3000;
+var port = 3001;
 
 module.exports = {
+  devServerPort: port,
   devtool: 'inline-source-map',
   entry: [
     'webpack-dev-server/client?http://' + host + ':' + port,

examples/universal/webpack.server.js

@@ -8,14 +8,15 @@ new WebpackDevServer(webpack(config), {
   publicPath: config.output.publicPath,
   hot: true,
   historyApiFallback: true,
+  noInfo: true,
   headers: {'Access-Control-Allow-Origin': '*'},
   stats: {
     colors: true
   }
-}).listen(3000, 'localhost', function errorCallback(err) {
+}).listen(config.devServerPort, 'localhost', function errorCallback(err) {
   if (err) {
-    console.log(err);
+    console.error(err);
   }
 
-  console.log('Listening at localhost:3000');
+  console.info(`==> 🚧  Webpack development server listening on port ${config.devServerPort}`);
 });