Sergio Xalambrí

Manage database lifecycle with React Router middleware, ensuring connections close even when errors occur.

Scale your route organization as your app grows by splitting into multiple directories, each using flat routes internally.

Protect your React Router app from CSRF attacks using browser Sec-Fetch headers in middleware.

https://www.rivet.dev/blog/2025-02-16-sqlite-on-the-server-is-misunderstood/

Test your business logic, not your loaders and actions.

https://ishadeed.com/article/too-early-breakpoint/

https://pawelgrzybek.com/more-invoker-commands-and-more-reasons-not-to-use-javascript-please/

https://github.com/sergiodxa/agent-skills

https://paulmakeswebsites.com/writing/shadcn-radio-button/

https://fractaledmind.com/2025/12/01/ui-affordances/

https://fractaledmind.com/2025/12/16/turbo-confirm-dialogs-without-javascript/

https://fractaledmind.com/2025/12/18/stylish-dialogs/

https://loggingsucks.com/

https://bvisness.me/microlibraries/

https://www.stacking.dev/

https://www.youtube.com/watch?

https://jasonlbeggs.com/blog/tips-for-good-ui-implementation

Prevent duplicate API calls in React Router loaders using Remix Utils Batcher middleware for better performance.

Transform form data to database objects and back using actions and loaders with proper separation of concerns.

https://outbox.matthewphillips.info/archive/perils-of-reactivity

Understanding MVC, MVT, MVVM, and Component architectures through responsibility separation and data flow in modern web applications.

Create a master-detail interface that adapts based on how users access it, full context when browsing, focused when direct.

Learn how React Router's built-in deduplication system uses references to eliminate duplicate data transmission when combining promises in y

https://www.otherbranch.com/shared/blog/no-you-dont-want-to-hire-the-best-engineers

Learn how to use a nested index route with a clientLoader in React Router to conditionally redirect based on screen size, ensuring a smooth

Learn how React Suspense boundaries can cause or prevent data loading waterfalls, the difference between nested and sibling boundaries, and

Three approaches to handle deferred promises in React Router v7: Await component, React.use hook, and direct promise rendering.

Learn how to structure server and client actions in React Router using a clear and scalable pattern.

https://kyleshevlin.com/prefer-gaps-to-margins/

https://www.bram.us/2024/02/18/custom-highlight-api-for-syntax-highlighting/

https://shopify.engineering/resilient-import-maps

https://maxschmitt.me/posts/toasts-bad-ux

https://xyproblem.info/

https://dontasktoask.com/

https://nohello.net/en/

https://www.neverjust.net/

Add a color scheme toggle to your React Router app using cookies for persistent, flash-free light, dark, or system preference.

https://overreacted.io/jsx-over-the-wire/

https://philcalcado.com/2015/09/18/the_back_end_for_front_end_pattern_bff.html

Debounce loaders and actions in React Router at the route level—cleaner code, better control, no extra wrappers needed.

Use client_id and client_secret to authenticate your app with the Authorization Server in OAuth2 flows.

Learn how to use the introspection endpoint in OAuth2 to validate opaque tokens and extract user and scope information.

Learn how to securely revoke refresh tokens in OAuth2 and prevent unauthorized access after logout or token compromise.

Learn how to securely implement PKCE in the OAuth2 Authorization Code flow and why it’s useful for public and server-rendered apps.

Learn how to add custom claims to JWT access tokens in OAuth2 without exposing sensitive data.

Learn how to validate exp, iat, and nbf claims in JWT access tokens to ensure your API only accepts valid tokens.

Learn how to use the scope claim in OAuth2 access tokens to authorize actions in your API with fine-grained permissions.

Learn how to verify JWT access tokens securely using JWKS, without hitting your Authorization Server on every request.

JWTs used as OAuth2 access tokens contain claims that define identity, security, and permissions.

OAuth2 scopes define what an app can do with your data.