React

If you've ever written code against a new web API in TypeScript, you've probably seen an error telling you the thing you're using doesn't exist. Turns out, TypeScript intentionally doesn't support all new APIs, but there's an easy fix.

Dark Mode has become common enough that it's a user expectation. And yet, creating the perfect dark mode with a statically-built site/app is deceptively tricky. In this in-depth tutorial, we'll see how to build the perfect, flicker-free, customizable theming solution for React/Next.js apps.

1. Introduction A few weeks ago, I was deep into optimizing a React dashboard for one of...

This document explains how to effectively test Vue components that accept props using the vitest-browser-vue library. Props are a fundamental way components receive data from their parent components,

One engineer used AI to rebuild Next.js on Vite in a week. vinext builds up to 4x faster, produces 57% smaller bundles, and deploys to Cloudflare Workers with a single command.

The one where I’ve had enough of the same Next.js error

Shadcn UI examples, components, and blocks. Built with Tailwind CSS, Shadcn/ui, Next.js, React, Vue.js. Typescript compatible.

The Concise TypeScript Book

As well as testing the core functionality of your code with regular tests, you can use automated tools to test that your app or website has good accessibility. In this post, I will explain how and what tools you can use, and why manual testing is still essential...

Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable.

Interactive visualizations of TypeScript concepts. Behold pretty colors.

Collection of libraries for React

This TypeScript tutorial helps you master TypeScript. You'll learn the ins and outs of TypeScript programming.

Understand how your framework choice affects accessibility along with tips for improving React accessibility.

Beautiful, customizable components built with Base UI and Tailwind CSS.

Learn how to use SVG in React to create scalable, interactive, and dynamic graphics for your web applications. Perfect for beginners!

SVG stands for Scalable Vector Graphic. True to its name, SVGs are infinitely scalable because they...

Learn how to use or render an SVG image on a React webpage, the pros and cons, and using components like img and svg.

Looking to learn React in 2025? This comprehensive guide explores the best online courses, resources, documentation, and learning paths to master React from beginner to advanced levels. Includes code examples and practical tips for success.

Learn the difference between using union types and enums in TypeScript with simple examples, as well as understanding when to use one or the other

React 19 introduces terrific primitives for building great forms. Let's dive deep on forms for the web with React.

Roughly, TypeScript is JavaScript plus type information. The latter is removed before TypeScript code is executed by JavaScript engines. Therefore, writing and deploying TypeScript is more work. Is that added work worth it? In this blog post, I’m going to argue that yes, it is. Read it if you are skeptical about TypeScript but interested in giving it a chance.

How much traffic can a self-hosted Next.js site handle? I ran load tests, uncovered surprising limits, and compared pre-rendering with SSR.

Using React type helpers to clean up boilerplate code and make code more robust.