Artículos que he guardado

Your URL Is Your State

A deep dive into how thoughtful URL design can enhance usability, shareability, and performance. Learn what state belongs in URLs, common pitfalls to avoid, and practical patterns for modern web apps.

Deferred Disposal Reactivity - HackMD

Not really the catchiest name. Should I call this concurrent Signals? Bottom-line in the same way we have been challenging Svelte to rethink their reactivity model. Svelte has pushed me to rethink the limits of what can be done without a compiler. Svelte's compiler has accomplished what I previously thought impossible approach to removing boundaries around concurrent async.

Don't Blindly Use useTransition Everywhere | Nicolas Charpentier

Let's take a closer look at useTransition and why the React Docs example might not be a great starting point for real-world UX.

Using Atomic State to Improve React Performance in Deeply Nested Component Trees

Atomic state has enabled us to build complex, deeply nested React component trees in our clinical trial data capture application without trading off render performance or developer ergonomics. Here's a very brief overview of the difference between vanilla React Context-based state management and atomic state management, with an interactive demo based on real-world clinical trial data showing how we use atomic state to keep Harbor's EDC UI responsive and performant.

Encapsulate as much state as possible in your component

A common pattern I see is passing every bit of a component's state in as a prop. This just puts the responsibility of that component's actual useful logic on to the parent.

Immutable by Design: The Deep Tech Behind Tigris Bucket Forking | Tigris Object Storage

Tigris bucket forking lets you make copies of terabytes of data in microseconds thanks to making objects immutable and ordering time backwards. This gives you object-level snapshotting, forking, and strong deletion protection, revolutionizing object storage with Git-like forking for massive datasets. Learn more about how we made it happen!

Directives and the platform boundary

This issue explores the complexities of JavaScript directives, the evolving paths of React and Remix, and effective techniques for building floating UIs with React.createPortal. Plus, discover the latest updates in Next.js 16.

import myModule from "./my-module.torrent": requiring Node modules from BitTorrent

I built a proof of concept that lets you import Node code from BitTorrent.

The Perils of Reactivity

Parallel and recursive route rendering

RSC route rendering without waterfalls.

The nuance of React rendering behaviour as it relates to children

Components that are passed as props.children and components that are directly declared by a component have different rendering behaviour - yet they are both just called 'children'. The adoption of React 19's compiler might mean that this distinction does not matter.