Category: ES2015

10 Lodash Features You Can Replace with ES6

Right now, Lodash is the most depended-on npm package, but if you’re using ES6, you might not actually need it. In this article, we’re going to look at using native collection methods with arrow functions and other new ES6 features to help us cut corners around many popular use cases. 1. Map, Filter, Reduce...

Modular JavaScript: A Beginners Guide to SystemJS & jspm

Over the past few years, the JavaScript programming language has exploded in popularity. It has become the go-to language for developing both rich web applications, as well as hybrid mobile applications. And as JavaScript projects are becoming increasingly complex, developers are experiencing new requirements of the la...

Understanding JavaScript Modules: Bundling & Transpiling

This article was peer reviewed by Dan Prince and Ravi Kiran. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! Most folks consider modules, dependency management and dynamic loading a basic requirement for any modern programming language—these are some of the most impo...

Let’s Learn ES2015

The following is a guest post by Ryan Christiani. Ryan is a teacher at HackerYou and has been working on a video series called Let’s Learn ES6. He offered to put some of that together into a tutorial format, which I thought was perfect as we haven’t covered ES2015 much here on CSS-Tricks.What’s in a...

ES6 in Action: Symbols and Their Uses

While ES2015 has introduced many language features that have been on developers’ wish lists for some time, there are some new features that are less well known and understood, and the benefits of which are much less clear — such as symbols. The symbol is a new primitive type, a unique token that’s guaranteed neve...

Object-oriented JavaScript: A Deep Dive into ES6 Classes

Often we need to represent an idea or concept in our programs — maybe a car engine, a computer file, a router, or a temperature reading. Representing these concepts directly in code comes in two parts: data to represent the state, and functions to represent the behavior. ES6 classes give us a convenient syntax for de...

JavaScript: 2015 in Review

JavaScript had a remarkable year. Despite reaching the grand age of twenty in May, news, projects and interest in the language continue to grow exponentially. Perhaps it’s the strange circles I move in, but I can’t think of another technology which moves at a similar pace. It’s becoming increasingly d...

ES6 in Action: Destructuring Assignment

Destructuring assignment sounds complex. It reminds me of object-oriented terms such as encapsulation and polymorphism. I’m convinced they were chosen to make simple concepts appear more sophisticated! In essence, ECMAScript 6 (ES2015) destructuring assignment allows you to extract individual items from arrays or obj...