Engineering

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.

When I was first starting out in software engineering, it felt like there was a never-ending barrage of tooling to learn. After more than a decade in CLI environments, I still find myself constantly learning new features and fun facts - but it’s fairly rare that I learn something new that I end up using day-to-day. I wanted to share some things I learned at relatively late stages in the game that ended up being significant productivity boosters for me - perhaps some of them are well-known, but in the spirit of this XCKD, I hope that someone reading this might pick up something new.

Look at the gif below. It shows a proof-of-concept implementation of collaborative undo-redo,...

Maintainer transitions can create a lot of challenges. That's why open source support through proactive measures like knowledge transfer and community engagement is so important.