Testable Modular React Talk

To get this running

1. Open cmd/shell prompt to app directory
2. Run command npm install (will install all modules in pacakge.json)
3. Run command npm start (will run the default task and all its dependencies)
4. Now open up http://localhost:8080 in a browser

The talk covers a few major concepts including:

Code Linting

• ESLint (http://eslint.org/)
• airbnb style guide (https://github.com/airbnb/javascript)

React

• React (https://facebook.github.io/react/)
• React and .Net (http://reactjs.net/)
• React Fundamentals mostly free course (https://egghead.io/series/react-fundamentals)
• awesome-react (https://github.com/enaqx/awesome-react)

Tape (tap-producing test harness for node and browsers)

• Tape (https://github.com/substack/tape)
• Testing JavaScript Modules with Tape (https://ponyfoo.com/articles/testing-javascript-modules-with-tape)
• Why I use Tape Instead of Mocha & So Should Youe (https://medium.com/javascript-scene/why-i-use-tape-instead-of-mocha-so-should-you-6aa105d8eaf4#.oafkqae8w)

Redux

• Predictable state container for JavaScript apps (https://github.com/reactjs/redux)
• Getting Started with Redux free amazing course by the creator of redux (https://egghead.io/series/getting-started-with-redux)

Babel ES6 (ECMAScript 2015)

• Babel (https://babeljs.io/)
• ES6 (ECMAScript 2015) mostly free course (https://egghead.io/series/learn-es6-ecmascript-2015)

BEM

• Get BEM (http://getbem.com/)
• MindBEMding – getting your head ’round BEM syntax (http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/)

Webpack

• Webpack (https://webpack.github.io/)