Tag: modernjs

Learn how to use JavaScript arrow functions, understand fat and concise arrow syntax, and what to be aware of when using them in your code.

It's tricky to keep your codebase organized as your React project grows. Here are five best-practice tips for organizing your large React app.

Learn all about JavaScript arrow functions. We’ll show you how to use ES6 arrow syntax, and what to be aware of when using arrow functions in your code.

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.

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

This article, sponsored by New Relic, provides an introduction to the automated task runner, Gulp.js, and shows how it can be used to improve page size.

Nilson takes a shot at convincing you that using Vue.js doesn’t have to be a headache, and will help you write better code faster, even for basic projects.

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.

Daz shows how easy it is to use Parcel — a module bundler — to build a static JS site and automatically deploy it to GitHub Pages with a single command.

Daz shows how build a to-do list app with Hyperapp, a pragmatic and ultralight framework for building SPAs that achieves results similar to React and Redux.

Learn about the benefits of using Axios, a promise-based HTTP client with an easy-to-use API that can be used in both the browser and Node.js.

Michael shows how to build an SPA from scratch, without using a client-side JavaScript framework — helping you evaluate what these frameworks actually do.

Michael shows how to ditch console.log() and start debugging JavaScript like a pro, using the debugging tools in VS Code and the Chrome Debugger extension.

Camilo Reyes introduces WebAssembly, explaining what it is and how you can add it to your arsenal to solve performance bottlenecks encountered on the Web.

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 digs into key problems related to asynchronous programming in JavaScript, showing how to make your life easier with Promises and async/await.

M. David Green reviews new features of modern JavaScript, such as classes and arrow functions, looking at when you should and perhaps shouldn't use them.

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.

Michael introduces SimpleWebRTC, showing how to painlessly implement WebRTC in web applications by creating a cross-browser text and video messaging app.

Matt Burnett conducts a whistle-stop tour of ten essential Sublime Text plugins that will make you a happier and more productive JavaScript developer.

Thanks to transpilers, front-end applications are no longer limited to JavaScript. James Kolce looks at 10 different languages that compile to JavaScript.

Feras Khoursheed introduces you to FuseBox, a lightweight module bundler that serves as a faster, simpler and ultimately more flexible webpack alternative.

Chris Perry shows how to set up a build system for modern JavaScript, using Babel, ES6 modules and webpack, with watch tasks and automatic page refreshes.

Virtual Reality is set to change the way we use computers and the web. Michaela Lehr shows you how to use React VR to declaratively create 3D applications.

Jeff Mott guides you through a step-by-step approach to JavaScript object creation — from object literals to factory functions and ES6 classes.

Provide a great mobile experience without building native apps. Craig Buckler walks you through converting an existing site to a Progressive Web App.

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.

Ivan digs into JavaScript performance, from environments, response times, context, parsing, compiling and executing, to bundle sizes and shipping less code.

Ludovico Fischer introduces you to the Fetch API, a new standard that aims to unify fetching across the web and to replace XMLHttpRequest.

Dan Prince demonstrates ten ways you can use native ES6 features (such as arrow functions & collection methods) to replace Lodash in your projects.

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.

This article explores JavaScript’s new Promises API, showing how you can leverage promises in your JavaScript development.

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 ES6 methods that work with arrays — Array.* and Array.prototype.* — showing examples of them in action and listing available polyfills.

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.

Aurelio introduces the new and improved ES6 number methods and constants, along with practical examples of how each works, and fallbacks for older browsers.