JavaScript

Tutorials

Build a SolidJS app with Deno

Build a SolidJS app with Deno Learn how to build a simple SolidJS application with Deno.SolidJS is a declarative JavaScript library for creating user interfaces that emphasizes fine-grained reactivity and minimal overhead. When combined with Deno’s modern runtime environment, ...

Jekyll to Astro: an AI-assisted migration | Kevin London

Jekyll to Astro: an AI-assisted migration | Kevin London I used AI tools to move my blog from Jekyll to Astro. Cursor helped me finish in about 3-4 hours (half the usual time), and I spent $10 testing out Aider. The site’s faster and easier to maintain now. My Jekyll blog worked fine but felt a bit dat...

A leap in the evolution of Airtable’s codebase: Scaling TypeScript to thousands of projects

A leap in the evolution of Airtable’s codebase: Scaling TypeScript to thousands of projects We previously wrote about how Airtable migrated its codebase from Flow to TypeScript. A few years and several TypeScript versions later, TypeScript is still a critical tool for preventing bugs early on in the development cycle. Back when the previ...

Real-Time Font Management in Expo | by Mauro Garcia | Nov, 2024 | Medium

Real-Time Font Management in Expo | by Mauro Garcia | Nov, 2024 | Medium Adding fonts to React Native apps has always been a headache. It’s a process full of tricky steps: making sure fonts are linked right, putting them in the correct folders, and renaming them properly. Even when you think you’ve done everything righ...

Creating Dynamic Terrain Deformation with React Three Fiber | Codrops

Creating Dynamic Terrain Deformation with React Three Fiber | Codrops In this tutorial, we will explore how to dynamically deform terrain, a feature widely used in modern games. Some time ago, we learned about how to create the PS1 jitter shader, taking a nostalgic journey into retro graphics. Transitioning from tha...

React Scan React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!.

Adding Interactive Charts in Astro

Adding Interactive Charts in Astro Recently, I revamped my website to focus more on blogs. This included adding a search bar to enhance user navigation through my content. In this post, I’ll guide you through the process of adding your own interactive charts to an Astro project usi...

Version v7.14.0 | Mantine

Version v7.14.0 | Mantine React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience.

How To Strongly Type process.env | Total TypeScript

How To Strongly Type process.env | Total TypeScript Learn how to strongly type process.env in TypeScript by either augmenting global type or validating it at runtime with t3-env.

How to Avoid Flaky Tests in Playwright - Semaphore

How to Avoid Flaky Tests in Playwright - Semaphore Playwright is an excellent UI and E2E testing tool. Here are a few tips on avoiding flaky tests on PlaywrightPlaywright flaky tests are one of the greatest enemies of CI systems because they lead to seemingly random pipeline failures. Here is why ...