Archive for the ‘ES2015’ Category

Patterns for Object Inheritance in JavaScript ES2015

Posted on: No Comments
With the long-awaited arrival of ES2015 (formerly known as ES6), JavaScript is equipped with syntax specifically to define classes. In this article, I’m going to explore if we can leverage the class syntax to compose classes out of smaller parts. Kee...

Editorial: Are You Writing ES6 JavaScript Yet?

Posted on: No Comments
When was the last time you wrote some ES6 code? A recent developer survey called The State of JavaScript reported that 74% of respondents have already used the new syntax and intend to do so again. A further 21% have heard of it and are interested in l...

Template Literals

Posted on: No Comments
The Template Literal, introduced in ES6, is a new way to create a string. With it comes new features that allow us more control over dynamic strings in our programs. Gone will be the days of long string concatenation! To create a template literal, inst...

Transpiling ES6

Posted on: No Comments
While support for ES6 is always increasing, we can't always assume that users will be using a browser that supports all its features. So, in order to utilize ES6 features now and make sure we won't run into cross-browser compatibility issues, we need t...

A Live Lesson in Diving into ES2015, with Darin Haener

Posted on: No Comments
SitePoint Premium’s first ever Live Lesson was held this month with Darin Haener, walking you through several sections of his Premium course, Diving into ES2015. Viewers were able to ask Darin questions while he went through parts of his own course, ...

Build a Music Streaming App with Electron, React & ES6

Posted on: No Comments
Developed by GitHub, Electron is a framework that allows you to leverage your web design skills to build slick, cross-platform desktop apps. In this tutorial, I'll demonstrate how to combine the power of Electron with React, ES6 and the Soundcloud API ...

Clean Code with ES6 Default Parameters & Property Shorthands

Posted on: No Comments
Creating a method also means writing an API. Whether it is for yourself, another developer on your team, or other developers using your project. Depending on the size, complexity, and purpose of your function, you have to think of default settings and ...

A Round up of Online Code Playgrounds

Posted on: No Comments
Nowadays, there are a variety of code playgrounds available online. Some (such as JSFiddle or JSBin) are designed with sharing in mind, which is useful for building a reduced test case to demonstrate a bug or problem you are having. Some (such as ES6 F...

10 Lodash Features You Can Replace with ES6

[author_more] This article was peer reviewed by Mark Brown. Thanks to all of SitePoint's peer reviewers for making SitePoint content the best it can be! Lodash is the most depended on npm package right now, but if you're using ES6, you might not actual...

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 increasi...