Merge pull request markfinger#67 from anantzoid/webpack

markfinger · web-flow · commit 6ce697ae4b2c · 2016-06-16T08:31:14.000+10:00
Frontend(webpack) example's usage explanation extended, and webpack prod bundling scipt
diff --git a/examples/frontend-rendering-with-webpack/README.md b/examples/frontend-rendering-with-webpack/README.md
@@ -5,27 +5,26 @@ As mentioned in the ***Using React on the front-end*** section, [Webpack](https:
 
 In this example, the basic_rendering example is modified to submit the Comment Form through ajax and update the Comment List by fetching the updated comments and rendering the application with new props.
 
+### Usage
 Install the dependencies
 
 ```
 pip install -r requirements.txt
 npm install
 ```
-
-Start the render server
-
+### Usage in development
+Extending the explanation in the [README](https://github.com/markfinger/python-react/blob/master/README.md#usage-in-development) section of the repo, restarting the render server everytime a change is made in the `.jsx` files can be avoided, by running:
 ```
-node render_server.js
+npm run watch
 ```
-
-Start the python server
-
+alongside the python dev server:
 ```
 python example.py
 ```
+The forever utility check for changes and restarts the `render_server` accordingly. 
 
-And visit [http://127.0.0.1:5000](http://127.0.0.1:5000)
-
-
-
-
+### Usage in production
+Node server can be hosted in multiple ways. Either in the same box as flask server, or elsewhere. One way is to run it as a supervisord job on the same server. The React app needs to bundled as production ready before deploying the python server. This bundle is included in the `base` template for the app to render again on the client side. For bundling, run:
+```
+npm run postinstall
+```
diff --git a/examples/frontend-rendering-with-webpack/package.json b/examples/frontend-rendering-with-webpack/package.json
@@ -1,7 +1,8 @@
 {
   "private": true,
   "scripts": {
-    "watch": "webpack --watch & forever  --watch --watchDirectory ./static/js/src ./render_server.js"
+    "watch": "webpack --watch & forever  --watch --watchDirectory ./static/js/src ./render_server.js",
+    "postinstall": "webpack -p"
   },
   "dependencies": {
     "babel-core": "^6.1.20",
