JavaScript

Tutorials

How To Create Multi-Step Forms With Vanilla JavaScript And CSS | CSS-Tricks

How To Create Multi-Step Forms With Vanilla JavaScript And CSS | CSS-Tricks Multi-step forms are a good choice when your form is large and has many controls. No one wants to scroll through a super-long form on a mobile device. By grouping controls on a screen-by-screen basis, we can improve the experience of filling out l...

The Complete React Course: Build an e-Commerce App with Hooks, Effects, and More! | Frontend Masters | Frontend Masters

The Complete React Course: Build an e-Commerce App with Hooks, Effects, and More! | Frontend Masters | Frontend Masters Build real-world applications with the modern APIs in React 18 and 19! Craft component UIs with JSX and make them come to life with hooks, effects, portals, and user-driven event handling. Explore the React ecosystem by leveraging TanStack Router,...

Bringing Types to APIs with TypeSpec | Zuplo Blog

Bringing Types to APIs with TypeSpec | Zuplo Blog Good API design is intentional. You are building something that needs to be easy to use, maintainable, scalable, and robust. This is the problem that OpenAPI helps solve. Instead of hacking an API together, OpenAPI lets you design within a specif...

What We Learned Migrating From Webpack to Vite - Neon

What We Learned Migrating From Webpack to Vite - Neon We recently migrated the Neon console from webpack to Vite. We share the challenges we faced and the improvements we gained with the change.The Neon Console is a Single Page Application (SPA), or rather, a collection of SPAs. Static assets like Ja...

Building an npm create package — Alex Chan

Building an npm create package — Alex Chan A tutorial on building an npm create package.If you’ve been working in the JavaScript ecosystem for the last few years, you’ve probably noticed that there has been a prevalent usage of the command npm create. This pattern is commonly used by libra...

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...