JavaScript

Tutorials

Crossy Road with React Three Fiber

Crossy Road with React Three Fiber In this tutorial, we learn how to create a simplified clone of the mobile game Crossy Road with React Three Fiber. The goal of the game is to move a character through an endless path of static and moving obstacles. We have to go around the trees ...

Building APIs with Next.js | Next.js

Building APIs with Next.js | Next.js This guide will cover how you can build APIs with Next.js, including setting up your project, understanding the App Router and Route Handlers, handling multiple HTTP methods, implementing dynamic routing, creating reusable middleware logic, and de...

How to troubleshoot Node.js images in OpenShift | Red Hat Developer

How to troubleshoot Node.js images in OpenShift | Red Hat Developer Red Hat build of Node.js is a fully supported product within our portfolio and allows the deployment of JavaScript applications outside of a browser. Inside a container, it provides several features including an I/O model based on events and non-b...

Why we ditched Next.js and never looked back | Blog — Northflank

Why we ditched Next.js and never looked back | Blog — Northflank When we started running into issues with Next.js, we did what any sane team would do: we tried to fix them. Then we tried again. Then we realized the problem was Next.js itself. So we pulled the plug.

How to Do Visual Regression Testing in Vue with Vitest? | alexop.dev

How to Do Visual Regression Testing in Vue with Vitest? | alexop.dev Visual regression testing detects unintended UI changes by comparing screenshots. With Vitest’s experimental browser mode and Playwright, you can: Run tests in a real browser environment Define component stories for different states Capture scree...

Subverting control with weak references

Subverting control with weak references In JavaScript we have two APIs to work with weak references: WeakMap and WeakRef. (Before I wrote this article I thought WeakRef was only a proposal, but it turns out most browsers have already implemented it) One of the more common use cases use...

Turbocharging V8 with mutable heap numbers · V8

Turbocharging V8 with mutable heap numbers · V8 At V8, we're constantly striving to improve JavaScript performance. As part of this effort, we recently revisited the JetStream2 benchmark suite to eliminate performance cliffs. This post details a specific optimization we made that yielded a sign...

Sunsetting Create React App – React

Sunsetting Create React App – React When we released Create React App in 2016, there was no clear way to build a new React app. To create a React app, you had to install a bunch of tools and wire them up together yourself to support basic features like JSX, linting, and hot reloadi...

Learning web extensions

Learning web extensions There was a point in time where I did a lot of conference speaking, and that died down quite a bit during the pandemic, but occasionally I will still talk to people about building stuff on the web. So I gave a talk titled “Expanding the browser ex...

ECMAScript proposal: RegExp escaping

ECMAScript proposal: RegExp escaping The ECMAScript proposal “RegExp escaping” (by Jordan Harband and Kevin Gibbons) specifies a function RegExp.escape() that, given a string text, creates an escaped version that matches text – if interpreted as a regular expression. This proposal i...