intro-to-react-and-webpack.md

# Intro To React and webpack *Presented by: [Sean Timm](https://twitter.com/seantimm)* * ES6/ECMAScript2015 * Backticks enable multiline strings * All variables in modules are private * Default values in functions * [Rest parameter](http://ariya.ofilabs.com/2013/03/es6-and-rest-parameter.html) * [Spread operator](http://ariya.ofilabs.com/2013/03/es6-and-spread-operator.html) * Spread array with spread parameter * *Note to self:* If I ever present, use a web based presentation tool * Enables live coding without switching between apps * Firefox dev tools are written in React * webpack * Loaders * Babel, script, sass, less, eslint, etc. * Plugins augment loaders * Banner, UglifyJS, CommonsChunk, etc. ## Links * [Babel](https://babeljs.io) * [webpack](https://webpack.github.io) * [React.js Fundamentals](http://courses.reactjsprogram.com/courses/reactjsfundamentals) * React Dev Tools * [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) * [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools) * [React: CSS in JS](https://speakerdeck.com/vjeux/react-css-in-js) by Christopher Chedeau ([vjeux](https://speakerdeck.com/vjeux)) * [Styling React components in JavaScript](https://www.youtube.com/watch?v=0aBv8dsZs84) * [O'Reilly Fluent Conference](http://conferences.oreilly.com/fluent/javascript-html-us) * [Sitecore and React](http://sitecoreblog.alexshyba.com/sitecore-and-react-how-hard-can-it-be)