Building a Modern JavaScript Application using Gulp and Babel

Building a Modern JavaScript Application using Gulp and Babel

Whether you’ve just begun your journey with JavaScript or you’re a seasoned developer, you’re probably feeling some pressure to jump on the ES6 bandwagon. But with all the different tools, transpilers, and task runners available to us, it can often seem like a daunting task. If you’re like most developers you’ll opt to skip the configuration phase and jump into development using a pre-configured starter project. This is perfect for getting started right away, but there’s also a lot of value in building and tuning your tooling. In this article we’ll configure a modern JavaScript workflow using a few popular tools and attempt to explain how they work along the way.

Angular Hot SPA (Single-Page Application)

If you’ve read my previous article you probably have some understanding of how a common JavaScript build system works. While it’s great to know how it works, having to re-write build tasks for every project is too repetitive. There are many boilerplate projects available which you can use to get started with, but today we’ll focus on Angular Hot SPA - a starter project I developed using ES6, AngularJS, Material UI, and SASS.

Front-end Developer