victor-homyakov / react-requirejs-sample

Easy integration of React into existing RequireJS application

Easy integration of React into existing RequireJS application

App creation

• npm install -g yo
• npm install -g generator-webapp
• yo webapp

Pre-commit hook

• npm install -g jshint
• npm install -g jsxhint
• npm install -g eslint
• npm install doctrine --save-dev

RequireJS

• bower install underscore --save
• bower install requirejs --save
• npm install grunt-requirejs --save-dev
• Gruntfile.js - grunt.loadNpmTasks('grunt-requirejs');, add requirejs task
• Gruntfile.js - disable bowerInstall

React

• bower install react --save
• download and install https://github.com/philix/jsx-requirejs-plugin
• add paths to require.config() in main.js and Gruntfile.js
• Gruntfile.js - modify watch, requirejs tasks
• npm install grunt-jsxhint --save-dev

After checkout

• npm install
• bower install
• cd hooks then run create-links.cmd as administrator

Useful links

• React docs
• JSX-RequireJS plugin
• ESLint
• ESLint - full list of .eslintrc options
• JSHint
• JSHint - full list of .jshintrc options
• JSXHint
• JSXHint for Grunt
• Yeoman and Require.js in 2014