JavascriptTooling.md

Javascript Tooling the Good Parts.

As of April 2016. (Next month this list might be completely different.)

Ispired by:

• https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.vxci1etzq
• http://reactkungfu.com/2015/07/the-hitchhikers-guide-to-modern-javascript-tooling/

Base Framework

Angular2

• Angular2 - Framework of choice
• Angular2 Material - Material Components
• Angular-CLI - Maybe. I don't even know what it's for

React

• React
• Redux
• Flux

Honorable Mentions

• Polymer
• Bootstrap
• Material Design Lite

Typescript

• TypeScript - Language of choices. ❤️ Types
  • For new browsers --target es6
  • To support older browsers --target es5 --module commonjs
• typings - Find out missing types for libs

Compilation

Javascript

• Webpack - Bundle for Browser Environment
• Gulp - For other tasks
• npm - Dependency management, can also run simlpe tasks
• uglifyjs - Minifies javascript file
• jshint - Linter for Javascript
• eslint - Linter ES6

CSS

• SASS Improved CSS

Testing

• jasmine - Browser-less test framework
• protractor - End-to-End testing for Angular
• mocha - Another test framekwork
• karma - Test runner

Packaging

• npm - Node
• bower - web ready dependencies
• yeoman - cookiecuters for javascript

Other Random Node Modules

• lite-server - Typescript ready server
• concurrently - No idea what's it for
• lo-dash - Very versatile node module with a ton of helper functions
• es6-shim - Not sure I need it if compiling to es5 with TS

Honorable mentions I'm not interested in right now

• babel - Transpiles ES6 to ES5. Not required if you are using Typescript
• browserify - like webpack but more barebones. You must include a lot of plugins for the same functionality. matter of taste