docs

Author: anantzoid

examples/frontend-rendering-with-webpack/README.md

@@ -1,6 +1,8 @@
 Running the example
 ===================
 
+As mentioned in the ***Using React on the front-end*** section, [Webpack](https://webpack.github.io/) is used to bundle the respective js files into `dist.js` and included in `index.html`. To make React attributes like `onClick` etc. work, the app has to be re-rendered (along with all the props passed down) when it loads on the browswer. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
+
 Install the dependencies
 
 ```
@@ -23,7 +25,6 @@ python example.py
 And visit [http://127.0.0.1:5000](http://127.0.0.1:5000)
 
 ### Notes
-To make React attributes like `onClick` etc. work, the app has to be re-rendered when it loads on the browswer. React is intelligent enough to not re-paint the browser and only update the changes, thus adding all the component properties.
 
 
 

examples/frontend-rendering-with-webpack/templates/index.html

@@ -10,6 +10,7 @@ <h1>Python + React example</h1>
         <div id="app-container">{{ rendered|safe }}</div>
 	</div>
     <script>
+        // Info stored for re-rendering the app
         var store = {{ store | tojson | safe }}; 
     </script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js" type="text/javascript"></script>