Engineering

37signals have talked a lot about how they build new features for existing products using Shape Up, where they carefully hammer the scope to avoid letting anything ever drag on for more than six we...

Few salient reasons why I think some programmers aren't keen to refactor code.

We are building a next-generation AI developer platform for the world. Check out our latest post: What Ownership is Really About: A Mental Model Approach

You can’t make an omelette without cracking a few eggs, and when the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled 😅. In this blog post, we’re going to explore the compatibility issues between React Server Components and CSS-in-JS libraries like styled-components. You’ll understand what the issue is, what the options are, and what’s on the horizon.

The dangers of DRY, the web of WET, the awesomeness of AHA.

I want to provide a smooth experience to my site visitors, so I work on accessibility and ensure it works without JavaScript enabled. I care about page load time because some pages contain large illustrations, so I minify my HTML. But one thing makes turning my blog light as a feather a pain in the ass.

Error state, loading state, awkward breakpoint, bad data, poor formatting, browser support. Every component can result represent hundreds or thousands of discrete visual states. How do you test it? Manually disable the network — temporarily. Insert bad code — just for a minute. Paw at the edge of your screen. Hack local database fixtures to bits. Frontend development has so many dimensions. Time and variation result in an infinite number of UI possibilities. In this talk, we'll use Storybook to progressively develop, test, and document our work — automating the grunt work of UI development.

Explore the pivotal roles of WebSockets, Server-Sent Events, Long-Polling, WebRTC, and WebTransport in shaping real-time web apps. Dive into their unique advantages, limitations, and optimal use cases for informed development choices.

Variations on a Classic Design Pattern for Modern Applications

Ruby and Rails have several features to make your code more performant using async programming. Here’s a list of these tools and how to use them.

Let’s analyze the various types of metrics and how to design a minimum viable process to use them for good.

“Clean Code” has garnered a bit of notoriety despite coining an endearing term we use in coding conversations. This book from 2008 is a compilation of principles and studies that &#8220…

Opinionated best practices for building user-friendly and robust REST APIs.

When I joined Graphite, there were almost no tests in the entire codebase. Out of the team of five engineers, three had previously worked at Meta — and had internalized the poor testing culture practiced there.

Exploring the web's clipboard APIs, their limitations, and their history.

Design Patterns are typical solutions to commonly occurring problems in software design. They are blueprints that you can customize to solve a particular design problem in your code.

Essential concepts and practical applications

An explainer for doing web development using only vanilla techniques.

Incrementally modernizing our frontend infrastructure to roll out the latest React features without downgrades

Thinking in systems is a trait of the greatest minds. Now, you can gain a new perspective, noticing and understanding the systems around you.

Caution: If you are a senior Ruby developer, this article may hurt your feelings.

Learn how to build a Progressive Web Application (PWA) with Next.js.

🧠 Cognitive Load Developer's Handbook. Contribute to zakirullin/cognitive-load development by creating an account on GitHub.

Although JavaScript regexes used to be underpowered compared to other modern flavors, numerous improvements in recent years mean that’s no longer true. Steven Levithan evaluates the history and present state of regular expressions in JavaScript with tips to make your regexes more readable, maintainable, and resilient.

parseMedia() is able to extract tracks and samples from audio and video in a format that is suitable for usage with WebCodecs APIs.

Server Components

A comprehensive guide to understanding the differences between export default and named exports in JavaScript

Create diagrams and visualizations using text and code.