5 React Architecture Best Practices for 2021
JavaScript
By Sebastian Deutsch,
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.
Tag: modernjs
JavaScript Arrow Functions: Fat & Concise Syntax
JavaScript
By Maria Antonietta Perna,
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.
10 Must-have VS Code Extensions for JavaScript Developers
JavaScript
By Michael Wanyoike,
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.
JavaScript’s New Private Class Fields, and How to Use Them
JavaScript
By Craig Buckler,
Craig Buckler examines the proposed class fields feature of JavaScript, which aim to deliver simpler constructors with private and static members.
An Introduction to Gulp.js
JavaScript
By Craig Buckler,
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.
How to Replace jQuery with Vue
JavaScript
By Nilson Jacques,
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.
What’s New in ES2018
JavaScript
By Craig Buckler,
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
JavaScript
By Adam Janes,
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.
Use Parcel to Bundle a Hyperapp App & Deploy to GitHub Pages
JavaScript
By Darren Jones,
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.
Build a To-do List with Hyperapp, the 1KB JS Micro-framework
JavaScript
By Darren Jones,
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.
Axios Beginner’s Guide: A Handy Promise-based HTTP Client
JavaScript
By Nilson Jacques,
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.
Build a JavaScript Single Page App Without a Framework
JavaScript
By Michael Wanyoike,
Michael shows how to build an SPA from scratch, without using a client-side JavaScript framework — helping you evaluate what these frameworks actually do.
Debugging JavaScript Projects with VS Code & Chrome Debugger
JavaScript
By Michael Wanyoike,
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.
WebAssembly: Solving Performance Problems on the Web
JavaScript
By Camilo Reyes,
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.
A Beginner’s Guide to Babel
JavaScript
By James Kolce,
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.
Flow Control in Modern JS: Callbacks to Promises to Async/Await
JavaScript
By Craig Buckler,
Craig Buckler digs into key problems related to asynchronous programming in JavaScript, showing how to make your life easier with Promises and async/await.
Best Practices for Using Modern JavaScript Syntax
JavaScript
By M. David Green,
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.
What’s new in ES2017: Async functions, improved objects and more
JavaScript
By Craig Buckler,
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
JavaScript
By James Wright,
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
JavaScript
By Mark Brown,
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
JavaScript
By Craig Buckler,
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.
Building a WebRTC Video Chat Application with SimpleWebRTC
JavaScript
By Michael Wanyoike,
Michael introduces SimpleWebRTC, showing how to painlessly implement WebRTC in web applications by creating a cross-browser text and video messaging app.
10 Essential Sublime Text Plugins for JavaScript Developers
JavaScript
By Matt Burnett,
Matt Burnett conducts a whistle-stop tour of ten essential Sublime Text plugins that will make you a happier and more productive JavaScript developer.
10 Languages That Compile to JavaScript
JavaScript
By James Kolce,
Thanks to transpilers, front-end applications are no longer limited to JavaScript. James Kolce looks at 10 different languages that compile to JavaScript.
Introduction to FuseBox — a Faster, Simpler webpack Alternative
JavaScript
By Feras Khoursheed,
Feras Khoursheed introduces you to FuseBox, a lightweight module bundler that serves as a faster, simpler and ultimately more flexible webpack alternative.
Setting up an ES6 Project Using Babel and webpack
JavaScript
By Chris Perry,
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.
Building a Full-Sphere 3D Image Gallery with React VR
JavaScript
By Michaela Lehr,
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.
JavaScript Object Creation: Patterns and Best Practices
JavaScript
By Jeff Mott,
Jeff Mott guides you through a step-by-step approach to JavaScript object creation — from object literals to factory functions and ES6 classes.
Retrofit Your Website as a Progressive Web App
HTML & CSS
By Craig Buckler,
Provide a great mobile experience without building native apps. Craig Buckler walks you through converting an existing site to a Progressive Web App.
JavaScript Design Patterns: The Singleton
JavaScript
By Samier Saeed,
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.