10/15/2016 Getting started with ReactJS. The stack seems to be what I have shown below ( for the moment ). The values in paranthesis "()" is the 'competition', the values in brackets "{}" is the usage reason
>> Main installation
- React {To build the V and C components of the web app}
- Redux {To handle state for JS apps, React for me} ( Flux )
- Webpack{ To do module bundling so that all the dependent JS libraries arent in separate files. One of the main advantages is code splitting which means only the parts that are actually going to be loaded get pulled in chunks or code blocks at run time. ( browserify )
- npm {to install the dependencies required by the react stack }
- Babel {The code compiler that is ES6[also known as ES2015] compatible}
>> Additional installations
- Babel plugins
- webpack-dev-server ( not sure why )
>> Questions/Concerns
- JSX or not JSX
>> Additional dev tools
- Hot reloading ( not used this yet ) : http://gaearon.github.io/react-hot-loader/
- Create boilerplate react apps : https://github.com/facebookincubator/create-react-app#getting-started
>> Additional resources
- Simplest, simplest example of React/Redux to start off : https://github.com/jackielii/simplest-redux-example/tree/webpack
- Browserify v/s Webpack : http://blog.namangoel.com/browserify-vs-webpack-js-drama
- Java script versioning : https://benmccormick.org/2015/09/14/es5-es6-es2016-es-next-whats-going-on-with-javascript-versioning/
- Basic react setup : https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm
- React/Redux examples : http://redux.js.org/docs/introduction/Examples.html
- The whole gamut of React tools : https://papaly.com/romseguy/bASSt/React
- Full stack React implementation : https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/
- Single best resource for learning React-Redux : https://learnredux.com/
- Webpack for dummies : https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.vadng5g60
- Passing data across components : http://andrewhfarmer.com/component-communication/#5-parent-component