ES6

Vue 2's reactivity system was good but had limitations. Learn why Vue 3's new, feature-rich reactivity API is far more flexible and powerful than before.

Michael lists a selection of must-have VS Code extensions for JavaScript developers, showing why VS Code is a serious contender for best code editor.

Yaphi and James walk you through making your own simple JavaScript quiz. This is a fun exercise and a great way to learn a variety of coding techniques.

Craig Buckler examines the proposed class fields feature of JavaScript, which aim to deliver simpler constructors with private and static members.

Akshay Kadam introduces Styled Components, a JS-based means of adding styles to your React project, and then shows how to use them in practice by imitating the Unsplash interface.

Craig looks at new features in ES2018 (ES9), including asynchronous iteration, Promise.finally(), rest/spread properties and RegEx lookbehind assertions.

Adam Janes shows how to build a unique D3 example project, showcasing how each component adds up to make D3 a great data visualization library to learn.

James Kolce introduces Babel, a JS transpiler that allows devs to write cutting-edge code which is translated into JavaScript that runs in all browsers.

Craig Buckler reviews the main JavaScript updates introduced with ES2017, and also giving a brief outline of how the updating process works.

James explains the process of JavaScript versioning, covering the history of JavaScript and explaining the process by which yearly releases are organized.

Mark Brown shows how you can use ES modules in the browser today, moving away from module loaders to bundle dependencies into a single ES5 file.

Craig looks at object literals, digging into new features introduced from ES2015 (ES6) that make object handling even easier in modern browsers and Node.js.

Samier Saeed walks you through the best way to implement a singleton in JavaScript and examines how that has evolved with the rise of ES6.

Moritz Kröger shows to use ES6 default parameters and property shorthands to help speed up development and write cleaner, clearer and more organized code.

New to JavaScript, or been away for a while? Learning modern JavaScript can be overwhelming. James Kolce takes a look at the main concepts you need to know.

What are decorators? How do they work, and what are they useful for? Graham Cox explains all in this helpful introduction to JavaScript decorators.

Craig Buckler introduces ES6 modules, showing how they can be used today with the help of a transpiler.

Jeff Mott takes an in-depth look at ES6 classes starting with the basics, then moving on to discuss inheritance, encapsulation, polymorphism and much more.

Byron covers generators and iterators, two JavaScript features introduced in ES6 (ECMAScript 2015) that have changed the way developers write JavaScript.

Craig's latest tutorial explains how to use complex-sounding ES6 destructuring assignment shorthand syntax to simplify your code and save typing effort.

Craig describes how to use proxies in ES6 to perform meta-programming operations such as intercepting object property inspections and function calls.

Symbols, a new primitive type, are one of the lesser-known features of ES6. Nonetheless, they can come in quite handy, as Nilson Jacques demonstrates.

Aurelio introduces let and const, two new ES6 keywords for defining variables, showing examples of how they work and how they differ from the var keyword.

Aurelio introduces the new ES6 methods that work with strings — String.prototype.* — showing examples of them in action and listing available polyfills.

MSDN's Kyle Pennell introduces the new ES6 collections Map, Set, WeakMap, WeakSet, explaining how and when to use these new data collection types.

Tony Spiro continues his React Blog App by introducing Flux.

Tony Spiro shows how to build a React Universal Blog App that will first render markup on the server side to make your content available to search engines.

Camilo Reyes looks at the observer pattern — a handy pattern to use for keeping parts of a page in sync in response to events and the data they provide.

Functional code is often touted as easier to test. M. David Green examines that claim and demonstrates how to get started testing functional JavaScript.

Has JavaScript become overly complicated? In this editorial, Nilson Jacques responds to those who are unhappy with the state of modern web development.