Raw React 2

continuation from previous post

react with webpack

Here you see the same simple app but now the transformation is taking place in serverside and webpack is integrated to build the distribution. ref1 ref2

react component render maps to array of data

This shows how you can render the view with array of properties. Please understand dynamic children when render view using map. Else you may encounter a warning that will say:Each child in an array or iterator should have a unique "key" prop. Check the render method of exports Also mind when registering any events with childrens, as you may have to bind parentthis into your callback function.

react with webpack and gulp

This is same project as above but with gulp build system integrated. To build and host the app, just run npm install then gulp

Next we will dive into how to use flux architecture to organize and flow of data in react.