React-based tech stack to build your next great app with Next.js, Redux, Redux-Saga, React Hook Form and Chakra UI

A hands-on introduction into WebAssembly ( Wasm ). Containing simple wasm examples and wasm tutorials on how to implement concepts and various tasks using WebAssembly.

A short note on two related rules of thumb.

Partial Prerendering

The best-case scenario is that you annoy the maintainers.

Discover the story behind daily.dev's transition from Preact to React for frontend development. This post explores the challenges, solutions, and benefits of migrating to React, enhancing our web app's performance and development experience.

Learn to enforce coding style with @vercel/style-guide. Uncover effective use of ESLint, Prettier, and TypeScript for improved code quality and consistency.

In this blog post, we’ll share why we think frontend testing is worth doing, why it had a bad reputation in the past, and the approach we have taken to make our tests easy to write and maintain.

Victoria Johnson began a career in front-end development upon graduating from college. Now, roughly one year later, she reflects back on the decisions she made to crack into the field and find her first full-time job. This is her story, and she’s sharing it to provide those who are just starting out with another beginner’s perspective.

We tried migrating our trusty Lunch codebase from Node to Bun. Was the transition as smooth as advertised?

Advanced browser parlor tricks

This is another post in our Code Health series. A version of this post originally appeared in Google bathrooms worldwide as a Google Testin...

Writing about the big beautiful mess that is making things for the world wide web.

Version control plays a crucial role in modern software development. Here are some detailed concepts you might want to know about Version…

How to refresh the Next.js App Router when content in a folder changes. Yes, websockets.

In this article, we explore the key concepts related to useCallback, including its purpose, usage, benefits, and best practices.

60,000 people lost full phone service, half of AT&T's network was down, and 500 airline flights were delayed

You know the saying “If you keep looking at the past, you’ll miss the future”? Well in the context of coding and working with Git, that’s not the case. Your commit history plays a huge role in the future of the open source projects that you contribute to, and

Code is run by computers, but it is read by humans. In this post, I explore an example of code that is written with empathy for other programmers.

By David Seddon from Kraken Technologies. Hi, I’m David, a Python developer at Kraken Technologies. I work on Kraken: a Python application which has, at last count, 27,637 modules. Yes, you read that right: nearly 28k separate Python files - not including tests. I do this along with

In this post, we will learn how to create a singleton class using Typescript. Singleton...

Web components let developers write interoperable components, but at the cost of lots of boilerplate. Learn how you can write components that work in Svelte, Vue, React, and other frameworks, with minimal boilerplate.

On a recent project, my team created a lightweight code generator, with reusable techniques I want to share. Read on for the why and the how.

Learn how to generate social preview images for your website with Remix and Tailwind. Use Vercel's Satori package with Remix for dynamic open graph images. Fetch fonts from Google automatically.

By building our own framework for composing frontend stores we significantly improved the developer experience of our React app.

Let's take a look at why you'd want a library like React Query, even if you don't need all the extra features it provides...