Archive for the ‘ES2015’ Category

The Anatomy of a Modern JavaScript Application

There's no doubt that the JavaScript ecosystem changes fast. Not only are new tools and frameworks introduced and developed at a rapid rate, the language itself has undergone big changes with the introduction of ES2015 (aka ES6). Understandably, many a...

Modern JavaScript Development Is Hard

Posted on: No Comments
It's not uncommon these days to see people complaining about just how complex JavaScript development seems to have become. I can have some sympathy with that view when it's coming from someone new to the language. If you're learning JS, it won't take l...

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