ES6
![Understanding the New Reactivity System in Vue 3](png/1618992345vue-3-reactivity.png)
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.
![10 Must-have VS Code Extensions for JavaScript Developers](png/1587003186vscode-extensions.png)
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.
![How to Make a Simple JavaScript Quiz](png/1495475877javascript-quiz.png)
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.
![JavaScript’s New Private Class Fields, and How to Use Them](png/1578613195private-classes.png)
Craig Buckler examines the proposed class fields feature of JavaScript, which aim to deliver simpler constructors with private and static members.
![How to Redesign Unsplash Using Styled Components](jpg/1567037874styled-components.jpg)
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.
![What’s New in ES2018](jpg/1524823667whats-new-es2018.jpg)
Craig looks at new features in ES2018 (ES9), including asynchronous iteration, Promise.finally(), rest/spread properties and RegEx lookbehind assertions.
![Interactive Data Visualization with Modern JavaScript and D3](jpg/1525224610d3-modern-javascript.jpg)
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.
![A Beginner’s Guide to Babel](jpg/1525309692babel.jpg)
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.
![What’s new in ES2017: Async functions, improved objects and more](jpg/1524450370es2017-whats-new.jpg)
Craig Buckler reviews the main JavaScript updates introduced with ES2017, and also giving a brief outline of how the updating process works.
![ES6 (ES2015) and Beyond: Understanding JavaScript Versioning](jpg/1523583037javascript-versioning.jpg)
James explains the process of JavaScript versioning, covering the history of JavaScript and explaining the process by which yearly releases are organized.
![Using ES Modules in the Browser Today](jpg/1524191689es-modules.jpg)
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.
![ES6 in Action: Enhanced Object Literals](jpg/1524187646object-literals.jpg)
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.
![JavaScript Design Patterns: The Singleton](jpg/1466406405singleton.jpg)
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.
![Clean Code with ES6 Default Parameters & Property Shorthands](jpg/1468327290fotolia_94353427_subscription_monthly_m.jpg)
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.
![The Anatomy of a Modern JavaScript Application](png/1494932461aatomya-01.png)
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.
![JavaScript Decorators: What They Are and When to Use Them](png/1496788468decoratorsb-01.png)
What are decorators? How do they work, and what are they useful for? Graham Cox explains all in this helpful introduction to JavaScript decorators.
![Understanding ES6 Modules](jpg/1523800631es6-modules.jpg)
Craig Buckler introduces ES6 modules, showing how they can be used today with the help of a transpiler.
![Object-oriented JavaScript: A Deep Dive into ES6 Classes](jpg/1523782991es6-classes.jpg)
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.
![ES6 Generators and Iterators: a Developer’s Guide](jpg/1523628223generators-iterators.jpg)
Byron covers generators and iterators, two JavaScript features introduced in ES6 (ECMAScript 2015) that have changed the way developers write JavaScript.
![ES6 in Action: How to Use Proxies](jpg/1523524941es6-proxies.jpg)
Craig describes how to use proxies in ES6 to perform meta-programming operations such as intercepting object property inspections and function calls.
![ES6 in Action: Symbols and Their Uses](jpg/1523368344es6-symbols.jpg)
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.
![ES6 in Action: let and const](jpg/1520903163let-const.jpg)
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.
![ES6 in Action: New String Methods — String.prototype.*](jpg/1520898404string.prototype.jpg)
Aurelio introduces the new ES6 methods that work with strings — String.prototype.* — showing examples of them in action and listing available polyfills.
![ES6 Collections: Using Map, Set, WeakMap, WeakSet](png/1469241671screenshot-2016-07-23-12.40.44.png)
MSDN's Kyle Pennell introduces the new ES6 collections Map, Set, WeakMap, WeakSet, explaining how and when to use these new data collection types.
![Building a React Universal Blog App: Implementing Flux](jpg/1506006917react-universal-flux.jpg)
Tony Spiro continues his React Blog App by introducing Flux.
![Building a React Universal Blog App: A Step-by-Step Guide](jpg/1505804164react-universal-blog.jpg)
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.
![JavaScript Design Patterns: The Observer Pattern](jpg/1500810552observer-pattern.jpg)
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.
![A Beginner’s Guide to Testing Functional JavaScript](png/1497880521testing-functional-js.png)
Functional code is often touted as easier to test. M. David Green examines that claim and demonstrates how to get started testing functional JavaScript.
![Modern JavaScript Development Is Hard](jpg/1494873687fotolia_137754581_subscription_monthly_m.jpg)
Has JavaScript become overly complicated? In this editorial, Nilson Jacques responds to those who are unhappy with the state of modern web development.
![Patterns for Object Inheritance in JavaScript ES2015](png/1493057864es6elementsa-01.png)
Tim Severien looks at different possibilities for code reuse with ES2015 classes, exploring various ways of implementing multiple inheritance in ES6.