Working with Node.js streams is much more pleasant if we use asynchronous iteration. Axel shows how to do just that.

Mutations happen when we change a JavaScript object or array without creating a new variable or reassigning an existing one. Mutations make code harder to understand and can lead to hard-to-find bugs.

Grab a cup of coffee and enjoy the ride as we study React applications performance from the ground up, the processes involved, the tools to measure and identify slow parts, the important metrics to take in account, how these impact the UX and the various ways there are available to make applications super fast and smooth.

How to implement multi-device passwordless authentication on the web with the Web Authentication API.

Discriminated unions allow us to precisely describe the structure of variadic models, instead of mixing all the fields into a single “Frankenstein” model.

AJ explains how their team recently made the decision to remove Recompose entirely – which was a large endeavor. It touched over 200 files, and in some places was deeply coupled to core functionality of our app.This post covers why we decided to replace Recompose.

How Soviet space tales help the creator of PostCSS to follow best practices in development.

Charly offers tips to improve your bug solving strategy.

When regexes go wrong, they go devastatingly wrong. Conrad shares how to avoid catastrophic downtime that you would only see in production.

Getting familiar with a new codebase can be daunting. It doesn’t have to be hard, though! By taking a scientific approach, leveraging prior work, and using good tools, we can get up to speed quickly.

Jest is a full-blown, batteries included, ready to rock, testing framework that has similarities with mocha and other testing frameworks but with a much more integrated experience, making it very easy to have a production ready unit test setup out of the box with very little effort.

All the tools to get your existing REST APIs working with GraphQL

Learn GraphQL’s core features, how it works and operational challenges.

Full of tips and principles that will help you successfully scale React application.

Shipping accessible features is as important for a frontend developer as shipping features without bugs, learn about tools and techniques that will help you achieve that.

How to dramatically improve the performance and user experience of your website by making it work offline in one easy step

A fast, light-weight, typo tolerant search engine for building instant search experiences.

Node.js 13.2.0 ships support for ECMAScript modules, known for their import and export statements. This support was previously behind the--experimental-module flag, which is no longer required; however the implementation remains experimental and subject to change.

Fixes your ES import paths: from Node-style to explicit filenames.

Since version 16, React has built the DOM tree with an algorithm called Fiber. To better grasp how it works, we explain exactly what goes on under the hood.

25 excellent productivity tips for React developers from 25 React and JavaScript experts – dive in and enjoy!

“Almost two years ago we launched our first React Native page, now we’re close to having 90% of our Walmart Grocery App pages powered by RN.”

Learn how to do your custom page audits in GitHub Actions with Lighthouse CI.

An attempt to modernize CSS architecture and how to apply best practices in the context of modern JavaScript applications.

Every now and then developers call for a replacement of JavaScript. But this is no solution, as other languages will face the same issues because of the Web’s most important design principle: Don’t break the web.

As a developer you should not reinvent the wheel, but sometimes that’s exactly what you should do to become a better programmer.

A 5,000 feet overview of how the V8 JavaScript engine works and how to write JavaScript code that’s optimized for fast parsing speed.

WebPageTest waterfall charts are a very powerful web performance tool, but can sometimes be a little confusing.

James shares the reasons why he came back to web development after five years of iOS development, and why he attributes the comeback to React.

Partially specifying object enumeration order in JavaScript.

Reusable JavaScript library for creating hand-drawn styled charts in the browser. Great when you want to hand-wavily make your point.

Facebook Horizon might not seem like such a great idea, but the vision Facebook leaders have for VR and AR in mixed reality is nothing short of inspiring. Watch the end of the keynote and skip right ahead to see what I mean.

Intercept & view all your HTTP traffic. Mock endpoints or entire servers. Rewrite, redirect, or inject errors.

A reasonably balanced explainer on why JavaScript tooling sucks.

Darren’s team did a deep dive into the performance of a section in the Shopify admin app. This included a mix of improvements that affected load time, perceived load time, as well as any interactions that happen after the merchant has landed in the page.

As it’s promise based, it might reject, but it would never throw.

Dominic explains how he built a tightly packed RTS game using only 13kb of JavaScript and WebGL.

How state colocation makes your app not only more maintainable but also faster.

What is recursion and why should you use when building software? And how could it be used to render recursive and nested comments component in React?

How to avoid state synchronization bugs and complexity by using derived state instead.

Preloading fonts is a great way to get text to display faster on a web page. Alex talks about the benefits of preloading fonts even when they’re referenced in inline CSS.

How to use the React DevTools and React’s profiling build to properly profile a production app.

Users want snappy and delightful experiences, which means 60 FPS. To achieve this, you’ll have to know how browsers transform code to pixels on the screen and how styles can affect that process.

Visual regression testing in a design system helps detect unintended changes, and it can be done with various tools such as Percy, Chromatic, and Appitools.

Using JavaScript and frameworks like Tensorflow.js is a great way to get started and learn more about machine learning. Charlie covers the three main features currently available using Tensorflow.js and sheds light onto the limits of using machine learning in the frontend.

Learn the basics of specificity in CSS and why you never need !important.