Sergio Xalambrí

Web Developer from Buenos Aires with 10+ years of experience. I work at Daffy and maintain several open-source libraries around React Router and OAuth2.

Subscribe to my content using RSS.

  1. I published how to Add a Color Scheme Toggle in React Router

  2. I published how to Debounce Loaders and Actions in React Router

  3. I published how to Use client_id and client_secret in OAuth2

  4. I published how to Use the OAuth2 Introspection Endpoint

  5. I published how to Revoke a Refresh Token in OAuth2

  6. I published how to Use PKCE in OAuth2 Authorization Code Flow

  7. I published how to Add Custom Claims to JWT Access Tokens

  8. I published how to Validate exp, iat, and nbf in JWTs

  9. I published how to Use `scope` to Authorize Actions in Your API

  10. I published how to Validate JWTs with JWKS

  11. I wrote about OAuth2 Access Token Claims Explained

  12. I wrote about OAuth2 Scopes Explained

  13. I published how to Create a Per-Request Singleton with React Router Middleware

  14. I published how to Test Middleware in React Router

  15. I wrote about OAuth2 Tokens Explained

  16. I wrote about OAuth2 Audience Explained

  17. I wrote about JWT vs. Opaque Tokens

  18. I published how to Use middleware in React Router

  19. I wrote about OAuth2 for Backend-for-Frontend

  20. I published how to Show a 404 in React Router

  21. I wrote about Throwing vs. Returning Redirects in React Router

  22. I published how to Download a file from a React Router route

  23. I published how to Use Bullet to Detect N+1 Queries in Rails

  24. I published how to Use Pandoc to convert a Markdown to a PDF and ePUB

  25. I published how to Load Dynamic Stylesheets in React Router

  26. I published how to Split routes config in React Router

  27. I published how to Configure the tracking branch in Git

  28. I published how to Reuse route modules in React Router

  29. I published how to Populate Your Rails Database with Fixtures

  30. I wrote about Making Web Component good enough

  31. I published how to Stub a method in a class with Minitest

  32. I published how to Show toast after a Remix action

  33. I published how to Simplify Component Imports with TypeScript Namespaces

  34. I wrote about On Frontend vs Backend

  35. I published how to Validate Form in Remix with clientAction

  36. I published how to Generate Cloudflare environment type with wrangler

  37. I published how to Configure scoped private packages in Bun

  38. I wrote about When to use Route Modal in React Router

  39. I published how to Use package.json#bin to create a CLI

  40. I published how to Access location.state in Remix loaders and actions

  41. I published how to Add i18n to a Remix Vite app

  42. I published how to Autoload the correct Node version with NVM

  43. I added the definition of HDR to the glossary

  44. I added the definition of HMR to the glossary

  45. I added the definition of PPR to the glossary

  46. I added the definition of ISR to the glossary

  47. I added the definition of SSG to the glossary

  48. I added the definition of PESPA to the glossary

  49. I added the definition of PEMPA to the glossary

  50. I published how to Nest routes with dynamic params in Remix

  51. I published how to Build a simple login and logout with Remix

  52. I published how to Access Remix's loader data from a route ErrorBoundary

  53. I published how to Access Remix's loaders data in entry.client

  54. I published how to Handle not found URLs with Remix

  55. I published how to Persist the user locale using cookies with Remix and i18next

  56. I published how to Add dynamic canonical URL to Remix routes

  57. I published how to Add custom attributes to Markdoc code fences

  58. I published how to Enable Remix ~/ aliased imports in Vitest

  59. I added the definition of API to the glossary

  60. I added the definition of MPA to the glossary

  61. I added the definition of SPA to the glossary

  62. I added the definition of CSR to the glossary

  63. I added the definition of SSR to the glossary

  64. I published how to Add syntax highlight to Markdoc using Prism.js

  65. I published how to Create a CRUD with Remix

  66. I published how to Pass cookies from a Remix loader to an external API

  67. I published how to Call an action from a loader in Remix

  68. I published how to Use React Portal in Remix

  69. I published how to Prevent the Remix loader to run after document request

  70. I published how to Defer a Fetch response in Remix

  71. I published how to Use a CDN for your static assets in Remix

  72. I published how to Get the absolute URL in Remix's MetaFunction

  73. I published how to Build an app with Remix and Bun

  74. I published how to Find and remove unused code with Knip

  75. I published how to Create multiple top-level layouts in Remix

  76. I published how to Test meta tags using Playwright

  77. I published how to Prefetch data for Remix Fetcher usage

  78. I published how to Keep Your Loader Data Fresh in Remix

  79. I published how to Expose Remix Routes as API Endpoints

  80. I published how to Access the Search Params of a Request in Remix

  81. I published how to Upload Images in a Remix Application

  82. I published how to Redirect with Search Param in Remix

  83. I published how to Access the Loader Data in Remix

  84. I published how to Abort Async Calls Inside Remix Loaders and Actions

  85. I published how to Get Remix route params `entry.server`

  86. I published how to Test meta tags with Cypress

  87. I published how to Strongly type Remix route IDs

  88. I published how to Strongly type public assets in Remix

  89. I published how to Create a reusable Form component in Remix

  90. I published how to Sync text input with URLSearchParam in Remix

  91. I published how to Use TANStack Query to share data between Remix loaders

  92. I published how to Logout from Auth0 with Remix Auth

  93. I published how to Send Node.js ReadStream objects from Remix loaders

  94. I published how to Reset a form on success in Remix

  95. I published how to Use `qs.parse` to use nested form fields in Remix

  96. I published how to Send JSON to a Remix action

  97. I published how to Set multiple cookies in the same response in Remix loaders

  98. I published how to Close SSE connection from the server in Remix

  99. I published how to Measure performance with the Server-Timing header in Remix

  100. I published how to Automatically commit sessions on Remix

  101. I published how to Customize Remix AppLoadContext type

  102. I published how to Turn on Caps Lock on Cypress

  103. I published how to Delete a Cookie using Remix cookie helpers

  104. I published how to Add runtime SSG and ISR to Remix

  105. I published how to Improve SEO by not sending JS in Remix

  106. I published how to Use AMP with Remix

  107. I published how to Use Remix as a SPA only

  108. I published how to Downgrade to MPA if users prefer reduced data in Remix

  109. I published how to Add rolling sessions to Remix

  110. I published how to Use Server-Sent Events with Remix

  111. I published how to Progressively enhance the useFetcher hook in Remix

  112. I published how to Use `process.env` client-side with Remix

  113. I published how to Persist inputs after a form submit in Remix

  114. I wrote about Throwing vs. Returning responses in Remix

  115. I published how to Lazy-load React components in Remix

  116. I wrote about Optional route segments with Remix

  117. I published how to Destroy user session and while setting a flash message in Remix

  118. I published how to Add additional data before submitting on Remix

  119. I published how to Redirect to an external website with Remix

  120. I published how to Bubble up data on Remix routes

  121. I published how to Group related routes together in Remix

  122. I published how to Parse Markdown with Markdoc in Remix

  123. I wrote about Dependency injection in Remix loaders and actions

  124. I wrote about Using Zod to safely read env variables

  125. I wrote about Working with Refresh Tokens in Remix

  126. I wrote about E2E test Remix with Vitest and Puppeteer

  127. I published how to Optimize image loading with plain HTML

  128. I wrote about Multiple forms per route in Remix

  129. I published how to Add returnTo behavior to Remix Auth

  130. I wrote about Building a Command Palette with Remix and Tailwind UI

  131. I published how to Share session and cookies between Next and Remix

  132. I published how to Fix double data request when prefetching in Remix

  133. I published how to Run Tailwind and Remix in Parallel with PM2

  134. I published how to Use Remix with socket.io

  135. I published how to Generate a PDF in Remix with Resource Routes

  136. I published how to Avoid waterfalls of queries in Remix loaders

  137. I published how to Run Next and Remix on the same server

  138. I wrote about HTTP vs. Server-side Cache in Remix

  139. I wrote about Clase rápida de programación asíncrona

  140. I wrote about On-Demand Hydration in Remix

  141. I wrote about Loader vs Route Cache Headers in Remix

  142. I wrote about The useMatches hook in Remix

  143. I wrote about Validating Remix forms with Constraints API

  144. I published how to Test Remix loaders and actions

  145. I published how to Use NProgress in a Remix app

  146. I wrote about Result Objects in TS

  147. I wrote about Dark Mode and Dark Context

  148. I published how to Use Fathom with Remix

  149. I published how to Fix `gyp: No Xcode or CLT version detected!` error

  150. I published how to Use Dependabot to keep Remix up-to-date

  151. I wrote about Automatic Revalidation in Remix

  152. I wrote about Creating a PDF with React in the Browser

  153. I wrote about Sending data from layout to leaf routes in Remix

  154. I wrote about Using Service Workers with Remix

  155. I wrote about Localizing Remix apps with i18next

  156. I wrote about Adding CSRF protection to Remix

  157. I published how to Load only the data you need in Remix

  158. I wrote about Server-Side authentication with Auth0 in Remix

  159. I wrote about Using TailwindCSS with Remix

  160. I published how to Use ETags in Remix

  161. I wrote about Jest Matchers for Remix responses

  162. I wrote about Using Form Objects inside Remix actions

  163. I wrote about Route protection in Remix with Policies

  164. I published how to Redirect to the original URL inside a Remix action

  165. I published how to Read search params with JS

  166. I published how to Use ActiveModel::Serializer with non ActiveRecord object

  167. I published how to Serialize list of items with ActiveModel::Serializer

  168. I published how to Use serializers with JSON.stringify and JSON.parse

  169. I published how to Force a locale in Rails I18n from the params

  170. I wrote about Que es un bundler de JS

  171. I wrote about Remix vs Next.js Comparison

  172. I published how to Add missing `created_at` and `updated_at` columns in Rails

  173. I wrote about How to rename a column in a Rails migration

  174. I wrote about Usar variables de entorno en Next.js

  175. I published how to Build your own RSS Reader

  176. I published how to Keep Heading Levels Consistent with React Context

  177. I wrote about About

  178. I wrote about ¿Qué son Server Components de React y cómo se relacionan con SSR/SSG/ISR?

  179. I wrote about 🔥 Pro Tip: Name your useEffect functions

  180. I wrote about Using MDX with Remote Content

  181. I published how to Use TailwindCSS Typography with Dark Mode Styles

  182. I wrote about Todo lo que sé de SWR

  183. I wrote about The States of the UI

  184. I wrote about What I Use

  185. I wrote about Como me inicié en el desarrollo web

  186. I wrote about Why build a non-RESTful API

  187. I wrote about How I work with static assets in React apps

  188. I wrote about How shallow: true works in Rails

  189. I wrote about Build an Optimistic UI in React using SWR with useMutation

  190. I wrote about Como organizo mis aplicaciones de React

  191. I wrote about How I Organize React Applications

  192. I wrote about Usa React.Suspense para controlar la carga de imagenes

  193. I wrote about Data-Aware Components

  194. I wrote about Collected Notes TS Client

  195. I published how to Use SWR with Geolocation

  196. I wrote about Using Collected Notes as CMS

  197. I published how to Sync WebApp Session Status between Tabs with SWR

  198. I published how to Sync SWR cache with Web Storage

  199. I published how to Configure Google Suite MX records in Vercel

  200. I published how to Report Web Vitals in Next.js

  201. I published how to Use React.Suspense to wait for an image to load

  202. I published how to Purge unused CSS with TailwindCSS

  203. I published how to Setup a redirect inside a project deployed to Vercel

  204. I published how to Use a scoped registry with Yarn

  205. I wrote about Using Immer with SWR to mutate data

  206. I wrote about Render as you Fetch Pattern in React with SWR

  207. I wrote about Prefetching Data in a Next.js Application with SWR

  208. I wrote about What Type of States Could You Find in a Client-Side Application?

  209. I wrote about Using Tailwind with Next.js

  210. I wrote about Using Suspense for Data Fetching Today with SWR

  211. I wrote about Using Paginated Data with SWR

  212. I wrote about Introduction to SWR

  213. I published how to Automatically Publish to npm using GitHub Actions

  214. I wrote about Feature Flags in React with Flagged

  215. I wrote about Next.js File Structure

  216. I wrote about Testing in Next.js: Dynamic Imports

  217. I wrote about Redirects in Next.js, the Best Way

  218. I wrote about Working with Forms in React without libraries

  219. I wrote about Working with conditions and lists in React

  220. I wrote about Introduction to React with the State and Effects hooks

  221. I wrote about Introducing Contentz

  222. I wrote about Career Titles and Levels in Tech

  223. I wrote about Deploy de Contentz a Netlify

  224. I wrote about Contentz es Omakase

  225. I wrote about Conceptos básicos de JS: Array#forEach

  226. I wrote about Cómo crear y publicar un módulo para npm

  227. I wrote about Aplicaciones web con Zero Server

  228. I wrote about Presentando Contentz

  229. I wrote about Uso del prop children en React

  230. I wrote about Componentes con Hijos Personalizables en React

  231. I wrote about Composición de Componentes en React

  232. I wrote about Tipos de datos en React

  233. I wrote about Props con valores predefinidos en React

  234. I wrote about Componente de React personalizables usando props

  235. I wrote about Componentes con React

  236. I wrote about Hola Mundo con React

  237. I wrote about Cargando React desde un CDN

  238. I wrote about Mi Static Site Generator ideal

  239. I wrote about Automatización con Shell Scripts

  240. I wrote about Conceptos básicos de JS: Array#push

  241. I wrote about Conceptos básicos de JS: Array#filter

  242. I wrote about Conceptos básicos de JS: Array#map

  243. I wrote about Usando Generadores Asíncronos en JavaScript

  244. I wrote about Carrusel de elementos dinámicos con React.js

  245. I wrote about Scalable Real-Time Applications

  246. I wrote about Aplicaciones Real-Time de Alta Escala

  247. I wrote about React v16.6: lazy, memo y más

  248. I wrote about Introducción a MDX

  249. I wrote about Documentation, Lessons Learned

  250. I wrote about Documentación, Lecciones Aprendidas

  251. I wrote about ¿Cómo mantenerse actualizado con el ecosistema de JavaScript?

  252. I wrote about Renderizando Markdown en React.js

  253. I wrote about An Accessible Approach to Frontend Testing

  254. I wrote about How to keep updated with the JavaScript ecosystem?

  255. I wrote about Implementando un Servidor de GraphQL

  256. I wrote about Bye Platzi, hi ▲ZEIT

  257. I wrote about Ciclo de vida de un componente de React.js

  258. I wrote about Mezclando flujos síncronos y asíncronos usando promesas en JavaScript

  259. I wrote about Introducción a GraphQL

  260. I wrote about Qué son y cómo funcionan las promesas en JavaScript

  261. I wrote about Sobre el ecosistema y la fatiga de JavaScript

  262. I wrote about Combinando React.js y Redux.js

  263. I wrote about Introducción a Redux.js

  264. I wrote about Compilando el Frontend con webpack

  265. I wrote about Internacionalización con React.js y FormatJS

  266. I wrote about Introducción a ECMAScript 2016/7

  267. I wrote about Mi experiencia como estudiante de los cursos de Platzi

  268. I wrote about Lo nuevo en React v0.14

  269. I wrote about Usando ECMAScript 6 en tus tareas de Gulp

  270. I wrote about Usando ECMAScript 6/2015 con Babel

  271. I wrote about Buenas prácticas del desarrollo FrontEnd

  272. I wrote about Renderizando React.js en el server con Express.js y react-engine

  273. I wrote about ECMAScript 6: nueva sintaxis y características para JavaScript

  274. I wrote about Cómo usar la etiqueta template en HTML5

  275. I wrote about Automatización de tareas de frontend usando Gulp.js

  276. I wrote about Uso de módulos en JavaScript con ECMAScript 6

  277. I wrote about Escribiendo CSS de la forma correcta

  278. I wrote about Definiendo conceptos - Closure y Scope en JavaScript

  279. I wrote about Ventajas y desventajas de los pre-procesadores de CSS

  280. I wrote about ¿Qué es Scrum? ¿Y cómo te ayuda trabajar?

  281. I wrote about El módulo Flexbox de CSS3

  282. I wrote about JavaScript orientado a objetos