RSSAmplifier

Blog

Sergio Xalambrí

Articles, tutorials, bookmarks, and glossary terms by Sergio Xalambrí.

sergiodxa.comRSS feed ↗646 posts

Latest posts

Everything I know about good API design

https://www.seangoedecke.com/good-api-design/

Your code is your responsibility, even if AI wrote it

https://blog.senko.net/your-code-is-your-responsibility-even-if-ai-wrote-it

No Meat Proxy

https://nomeatproxy.com

Make Regional HTTP Requests with Durable Objects

Route HTTP requests through Durable Objects placed near specific Cloudflare regions.

Add URL Normalization Middleware in React Router

Redirect trailing slashes and www hostnames to one canonical URL before routes run.

Think in Remix UI Instead of React

Build a small gallery while learning Remix UI setup state, render closures, context, and manual updates.

Hydrate Isolated UI with Remix Client Entries

Use Remix client entries to hydrate one server-rendered UI island without hydrating the whole page.

Multi-Entry Package Architecture

Multiple package entry points are useful when they protect real runtime and dependency boundaries.

Structuring a Bun Monorepo with Shared Packages

Shared packages work best when they encode stable boundaries, not when they become a dumping ground.

Create Animated Tab Indicators with CSS Variables

Build smooth animated tab indicators using CSS variables, ResizeObserver, and MutationObserver.

Compound Component Pattern in React

Compound components are useful when a component needs flexible structure without turning into prop soup.

Building Accessible UI with React Aria Components

React Aria Components provide accessible foundations so you can focus on design.

Create a Copy Button for Code Blocks

Build a copy button with visual feedback using the Clipboard API and React hooks.

Build a Type-Safe Markdown Pipeline with Markdoc

Create a server and client architecture for parsing and rendering Markdown with full type safety.

Use waitUntil for Non-Blocking Cache Writes

Speed up responses by writing to cache in the background using waitUntil.

Build a Cache Abstraction for Cloudflare KV

Create a type-safe cache abstraction for Cloudflare KV with flexible cache keys and the cache-aside pattern.

Use Client Hints for Server-Side Timezone Rendering

Render dates in the user's timezone on the server using client hints and cookies.

Add a Global Hotkey to a Remix UI Dialog

Build a Remix UI mixin that toggles a native dialog from a document-level keyboard shortcut.

Render JSX to images.Skip the browser.

https://takumi.kane.tw/

Build a Command-Driven Markdown Toolbar in React

Use custom invoker commands to format selected textarea text as Markdown.

Handle Custom Invoker Commands in React

Use custom --commands with a native command event listener and a React callback ref cleanup.

Build a User Menu in React with Invoker Popover Commands

Use show-popover, hide-popover, and toggle-popover to build a React user menu without state.

Prevent a Modal Dialog from Closing with request-close in React

Use request-close to let a dialog cancel closing before React handles the final result.

Open a Modal Dialog in React with the Invoker Commands API

Use command and commandfor to open a native dialog in React without useState or dialog libraries.

Ship the policy, not the code

https://www.jayfreestone.com/writing/share-the-policy-not-the-code/

The Field Guide to Grid Lanes

https://gridlanes.webkit.org/

The Best Loading States Are No Loading States

https://jjenzz.com/best-loading-states-are-no-loading-states/

How's Linear so fast? A technical breakdown

https://performance.dev/how-is-linear-so-fast-a-technical-breakdown

Use an `iife` Helper for Inline Control Flow in TypeScript

Create a small `iife` helper to use `if`, `try`/`catch`, and async code where JavaScript only accepts expressions.

How AI is Industrializing Software Engineering

As software engineering becomes industrialized, writing code matters less than knowing what should be built.

Cancel `useFetcher().load()` Requests on Unmount in React Router

Abort stale `useFetcher().load()` requests on unmount so loaders and upstream fetches stop early.

The Boring Internet

https://www.terrygodier.com/the-boring-internet

When life gives you lemons, write better error messages

https://wix-ux.com/when-life-gives-you-lemons-write-better-error-messages-46c5223e1a2f

Accept: text/markdown

https://acceptmarkdown.com/

Domain structure for SaaS products

https://ghinda.com/blog/products/2020/domain-structure-for-saas-products.html

The Vertical Codebase

https://tkdodo.eu/blog/the-vertical-codebase

Details that make interfaces feel better

https://jakub.kr/writing/details-that-make-interfaces-feel-better

Expand your hit areas

https://bazza.dev/craft/2026/hit-area

Nobody Gets Promoted for Simplicity

https://terriblesoftware.org/2026/03/03/nobody-gets-promoted-for-simplicity/

Why I don't use down migrations

https://freek.dev/2900-why-i-dont-use-down-migrations

How we enabled Content Security Policy for everyone

https://buttondown.com/blog/2026-03-06-how-we-enabled-content-security-policy

RESTful

A term used to describe APIs that follow the principles of REST, using standard HTTP methods, stateless communication, and resource-based URLs to provide predictable and consistent API design.

MIME Type (aka Multipurpose Internet Mail Extensions Type)

A standardized identifier used by HTTP to describe the format of a file or response, such as text/html, application/json, or image/png.

Same-Origin Policy

A browser security rule that restricts scripts from interacting with resources from a different origin unless explicitly allowed through mechanisms such as CORS.

CORS (aka Cross-Origin Resource Sharing)

A browser security mechanism that controls whether a web page can request resources from a different origin than the one that served the page.

Bearer Token

A type of access token used in HTTP authentication where possession of the token grants access to protected resources, commonly sent in the Authorization header.

OIDC (aka OpenID Connect)

An identity layer built on top of OAuth2 that allows applications to authenticate users and obtain identity information through standardized tokens such as ID Tokens.

OAuth2 (aka OAuth 2.0)

An authorization framework that allows applications to obtain limited access to user resources on another service without requiring the user to share their credentials.

GraphQL

A query language and runtime for APIs that allows clients to request exactly the data they need from a server rather than receiving fixed responses from predefined endpoints.

REST (aka Representational State Transfer)

An architectural style for building Web APIs where resources are accessed through standard HTTP methods such as GET, POST, PUT, PATCH, and DELETE.