JS-dev-env

What it does?

• Boilerplate for Javascript projects
• Can work fine with Angular, React or just vanilla Javascript.
• I create this repo for a starting point for any Javascript projects. This is more like than the front-end boilerplate.

How to install

• Download/ Clone this repo
• File includes: babel, editorconfig, eslint, travisCI, webpack config, NodeJS server, EJS, testing with chai and mocha, circleCI, docker, AWS, CI and CD

Linting

• Options to choose: JSLint, JSHint, ESLint
• ESLint
• eslint-plugin-react/angular/nodejs
• Reference : https://medium.com/@btegelund/creating-an-eslint-plugin-87f1cb42767f#.ydl31enza
• Javascripts standard styles: XO, airbnb, JS standard style
• eslint-watch

Testing

• Mocha, Jasmine, Tape, QUnit, AVA
• JSDOM, PhanTomJS, Karma, Testem, Cheerio
• Browser: Karma, Testem
• Headless browser: PhantomJS
• DOM: JsDOM
• Naming convention : .spec, .test

HTTP calls

• axios
• fetch

Project/app structure

• Put js in a .js file
• Organise code in feature rather than mvc modules
• Extract logic into POJOs

Production Build

• Minification
• Sourcemaps
• Minified HTML and scripts tags
• Cache busting
• Bundle splitting
• Error logging
• Dynamic HTML via EmbeddedJS

Production deploy notes

• UI seperate API
• Cloud hosting
• UI static hosting (Surge)

More resources for boilerplate

• Development env
• Boilerplate
• Starter-kit
• Starter project
• Seed

Others to start project

• Yeoman
• Github
• npm