Build Toolbox

All the resources you need to build awesome projects from scratch!

Requirements

Build Systems

1. Webpack
2. Gulp
3. Node Package Manager (NPM)
4. Docker

Node Package Manager (npm)

npm is the default package manager for the JavaScript runtime environment Node.js

• npm Documentation: The getting started section is awesome and contains both video and written walkthroughs to get you started with your projects. Definitely make sure to watch Using a package.json

• Beginners Guide to Node Package Manager: Explains node modules and how to install the for use in your projects.

• NPM documentation: See "What is npm?" and "Semantic versioning and npm."

Babel - JavaScript Compiler

Babel is JavaScript compiler that allows you to use next generation JavaScript in your projects. Once configured, you can use ES6 and even ES7 features in your JavaScript projects. We need to use babel until the JavaScript run-times (i.e. the browser or Node.js environment) are updated to support these newer features.

• Babel - User Handbook

• babelrc - configuration

Gulp

• Gulp - Install Guide: Follow these steps to install the gulp-cli globally so you can use 'gulp' on the command line

• Quick Intro to Gulp.js

• Get Started with Gulp - YouTube: A YouTube playlist to get you up to par with your Gulp skills

• List of Articles and Documentation

• Gulp API Docs

• Gulp Recipes: Useful gulp recipes on official gulp repository

• Gulp Community Plugins

Webpack

• Webpack Howto: Start with this as your webpack docs, then look at the official docs for clarification.

• Webpack Tutorial - YouTube

• Introduction to Webpack by Jeremy Lund

• Browserify + Gulp vs. Webpack

• Using React with Webpack Tutorial

• React-Webpack Cookbook

JavaScript Package Manager

• JSPM

Docker

• Vagrant vs. Docker

• Why microservices matter and how Docker helps

• Layered breakdown of how containers work together in Docker

• Dockerizing node app