React Material Typescript Boiler Plate

Required Global Tools

• GIT: if you don't know what git is well ... Git Install

• NPM: Node package manager used to manager our packages used by the JS. NPM Install. For linux do sudo apt-get install node.

• Grunt: Task runner for JS projects:
  sudo npm i -g grunt-cli

• TSD: Package manager for .d.ts files for the TypeScript
  sudo npm i -g tsd@next
  Note: Must have at least version 0.6 to add the node_module crawling to tsd so it will reference all the .d.ts files in the node_modules dir. Right now (12/22/14) you must use the tsd@next to get the right version.

Libraries Used

Development

• Browserify: Used to compile commonjs (npm) modules and our source code into a single js file and add a Node style require. This will also set up a map file, if in dev mode, so we can debug in the browser with ease.

• grunt: Your typical JS task runner. We chose this one because it is easy to use and Tim was already familiar with it. At some point we may want to swap to gulp but I see no point too atm.

• grunt-browserify: so we can use browserify with grunt.

• grunt-contrib-connect: so we can run a simple python server for quick development w/o the play2 framework.

• grunt-contrib-cssmin: used to minify our css in our grunt task for a production build.

• grunt-contrib-less: Used to compile less in the grunt task runner.

• grunt-contrib-uglify: Used to minify our JS code in our grunt task runner for production builds.

• grunt-contrib-watch: Used to watch our files and if any of them change to re run the appropriate tasks. Aka reload as you go.

• grunt-contrib-cop: Used to copy any files we need to a new path.

• grunt-ts : Grunt task runner for compiling typescript.

• load-grunt-tasks : Used to load all of our grunt tasks, rather than us write them all out.

Dependencies

• lodash : A great library for modifying, finding, etc collection in JS. This is like the hammer of my JS toolbelt.
• Material UI : An implementation of google material design concept done in react.
• react : What seems to be the best of the "web components" type framework, that works well with iOS. Well at least how we are using it.
• react-tap-event-plugin : A plugin for react to help with how stupid iOS is.
• typed-react : A wrapping library and definition file so we can use react and typescript together.

Copy Right

This code is hear by under the you owe me a beer and if you have cookies you have to give me one too copyright. There are no warranties nor assurances about this code use at your own risk. If you do choose to use the code and we meet in a setting that sells beer you must buy the author of this code at least one. Furthermore if you and the author of this code ever met in a situation where you have cookies in your possession you must give the author of this code at least one, if the author quite enjoys the first you must give the author one more if you are able.