I like being productive and always looking for tools to work efficiently. Now I am working on a project, auto-watch setup is different on (restart server when file changed) and (to build static file when changed). However the idea of is shared same on both server and client sides. There are much enough tools for auto-watch: webpack, grunt, gulp, nodemon, etc, and auto-build: webpack, grunt, gulp, browserify etc. React isomorphic server side client side isomorphic React component Find the right tool to do the right task, playing with them 1 after 1, this is the of this example, hope it is helpful. git 1- Create a simple Express server //app.jsvar express = require('express')var app = express() app.get('/', function (req, res) {res.send('Hello World!')}) app.listen(3000, function () {console.log('Example app listening on port 3000!')}) 2- Run a Express server And auto-watch is not on yet. $ node app.js Example app listening on port 3000! 3-Run the same server by nodemon $ npm install **--save-dev nodemon $** ./node_modules/nodemon/bin/nodemon.js app.js [nodemon] 1.11.0[nodemon] to restart at any time, enter `rs`[nodemon] watching: *.*[nodemon] starting `node app.js` Example app listening on port 3000! 4- Run nodemon with Config files Nodemon supports local and global configuration files. These are usually named nodemon.json. An alternative local configuration file can be specified with the option. --config <file> see , sample nodemon.json Run with the sample nodemon.json $ ./node_modules/nodemon/bin/nodemon.js app.js --config nodemon.json [nodemon] 1.11.0 [nodemon] reading config /Users/userA/nodemon-example/nodemon.json [nodemon] to restart at any time, enter `rs` [nodemon] ignoring: .git .nyc_output .sass-cache bower_components coverage /Users/userA/nodemon-example/node_modules/**/* .git node_modules/**/node_modules [nodemon] watching: test/fixtures/**/* test/samples/**/* [nodemon] watching extensions: js,json [nodemon] bind restart -> `osascript -e 'display notification "App restarted due to: '$FILENAME'" with title "nodemon"'` [nodemon] starting `node --harmony app.js` [nodemon] child pid: 6166 [nodemon] watching 3 files Example app listening on port 3000! 5- setup package.json with nodemon script //package.json "scripts": {"start": "node app.js","dev": "echo 'run dev' & npm start","test": "echo \"Error: no test specified\" && exit 1","nodemon": "./node_modules/nodemon/bin/nodemon.js --config nodemon.json --exec npm run dev "}, Run $ npm run nodemon Remark: execMap In config file, define your own executables: nodemon.json { "execMap": { "pl": "perl" }} Triggering events when nodemon state changes In config file, define action for event (Read more ) : nodemon.json EventList {"events": {"restart": "osascript -e 'display notification \"app restarted\" with title \"nodemon\"'"}} Reference: https://github.com/remy/nodemon#nodemon https://github.com/wahengchang/nodemon-example
![featured image - [Nodemon] Auto-Watch-Reload Node.js file](https://hackernoon.imgix.net/fallback-feat.png?auto=format&fit=max&w=2048)
![[Note] 19 Coding Rules that every coder must know](https://hackernoon.imgix.net/hn-images/1*LwkasdSEFs7rhv21ayrfxA.png?auto=format&fit=max&w=3840)
