Tag: modernjs

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.