Sergio Xalambrí

Articles

These are my articles.

Subscribe to my articles using RSS.

  1. The Remix Way

  2. Multi-Entry Package Architecture

  3. Structuring a Bun Monorepo with Shared Packages

  4. Compound Component Pattern in React

  5. Building Accessible UI with React Aria Components

  6. How AI is Industrializing Software Engineering

  7. Using React Router Loaders and Actions as Integration Points

  8. How MVC, MVT, MVVM, and Components Shape Web Development

  9. JWT Claims in OAuth2 Access Tokens

  10. OAuth2 Scopes Explained

  11. OAuth2 Tokens Explained

  12. OAuth2 Audience Explained

  13. JWT vs. Opaque Tokens

  14. Using OAuth2 in a Backend for Frontend

  15. Throwing vs. Returning Redirects in React Router

  16. Making Web Component good enough

  17. Why Frontend and Backend Are About Responsibilities, Not Languages

  18. When to use Route Modal in React Router

  19. Throwing Vs. Returning Responses in Remix Loaders and Actions

  20. Reusing Remix Routes for Optional Segments

  21. Dependency injection in Remix loaders and actions

  22. Validating Environment Variables with Zod

  23. Handling Refresh Tokens in Remix Loaders and Actions

  24. E2E Testing Remix with Vitest and Puppeteer

  25. Multiple forms per route in Remix

  26. Building a Command Palette with Remix and Tailwind UI

  27. HTTP vs. Server-side Cache in Remix

  28. Clase rápida de programación asíncrona

  29. On-Demand Hydration in Remix

  30. Loader vs Route Cache Headers in Remix

  31. The useMatches hook in Remix

  32. Validating Remix forms with Constraints API

  33. Result Objects in TS

  34. Dark Mode and Dark Context

  35. Automatic Revalidation in Remix

  36. Creating a PDF with React in the Browser

  37. Sending data from layout to leaf routes in Remix

  38. Caching Remix Assets and Locales with a Service Worker

  39. Localizing Remix apps with i18next

  40. Adding CSRF protection to Remix

  41. Implementing Auth0 Login in Remix without Express

  42. Using TailwindCSS with Remix

  43. Jest Matchers for Remix responses

  44. Using Form Objects inside Remix actions

  45. Route protection in Remix with Policies

  46. Que es un bundler de JS

  47. Remix vs Next.js Comparison

  48. How to rename a column in a Rails migration

  49. Usar variables de entorno en Next.js

  50. About

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

  52. 🔥 Pro Tip: Name your useEffect functions

  53. Using MDX with Remote Content

  54. Todo lo que sé de SWR

  55. The States of the UI

  56. What I Use

  57. Como me inicié en el desarrollo web

  58. When to Use Custom API Endpoints Instead of REST

  59. How I work with static assets in React apps

  60. How shallow: true works in Rails

  61. Build an Optimistic UI in React using SWR with useMutation

  62. Como organizo mis aplicaciones de React

  63. How I Organize React Applications

  64. Usa React.Suspense para controlar la carga de imagenes

  65. Data-Aware Components

  66. Collected Notes TS Client

  67. Using Collected Notes as CMS

  68. Using Immer with SWR to mutate data

  69. Render as you Fetch Pattern in React with SWR

  70. Prefetching Data in a Next.js Application with SWR

  71. What Type of States Could You Find in a Client-Side Application?

  72. Using Tailwind with Next.js

  73. Using Suspense for Data Fetching Today with SWR

  74. Using Paginated Data with SWR

  75. Introduction to SWR

  76. Feature Flags in React with Flagged

  77. Next.js File Structure

  78. Testing in Next.js: Dynamic Imports

  79. Redirects in Next.js, the Best Way

  80. Working with Forms in React without libraries

  81. Working with conditions and lists in React

  82. Introduction to React with the State and Effects hooks

  83. Introducing Contentz

  84. Career Titles and Levels in Tech

  85. Deploy de Contentz a Netlify

  86. Contentz es Omakase

  87. Conceptos básicos de JS: Array#forEach

  88. Cómo crear y publicar un módulo para npm

  89. Aplicaciones web con Zero Server

  90. Presentando Contentz

  91. Uso del prop children en React

  92. Componentes con Hijos Personalizables en React

  93. Composición de Componentes en React

  94. Tipos de datos en React

  95. Props con valores predefinidos en React

  96. Componente de React personalizables usando props

  97. Componentes con React

  98. Hola Mundo con React

  99. Cargando React desde un CDN

  100. Mi Static Site Generator ideal

  101. Automatización con Shell Scripts

  102. Conceptos básicos de JS: Array#push

  103. Conceptos básicos de JS: Array#filter

  104. Conceptos básicos de JS: Array#map

  105. Usando Generadores Asíncronos en JavaScript

  106. Carrusel de elementos dinámicos con React.js

  107. Scalable Real-Time Applications

  108. Aplicaciones Real-Time de Alta Escala

  109. React v16.6: lazy, memo y más

  110. Introducción a MDX

  111. Documentation, Lessons Learned

  112. Documentación, Lecciones Aprendidas

  113. ¿Cómo mantenerse actualizado con el ecosistema de JavaScript?

  114. Renderizando Markdown en React.js

  115. An Accessible Approach to Frontend Testing

  116. How to keep updated with the JavaScript ecosystem?

  117. Implementando un Servidor de GraphQL

  118. Bye Platzi, hi ▲ZEIT

  119. Ciclo de vida de un componente de React.js

  120. Mezclando flujos síncronos y asíncronos usando promesas en JavaScript

  121. Introducción a GraphQL

  122. Qué son y cómo funcionan las promesas en JavaScript

  123. Sobre el ecosistema y la fatiga de JavaScript

  124. Combinando React.js y Redux.js

  125. Introducción a Redux.js

  126. Compilando el Frontend con webpack

  127. Internacionalización con React.js y FormatJS

  128. Introducción a ECMAScript 2016/7

  129. Mi experiencia como estudiante de los cursos de Platzi

  130. Lo nuevo en React v0.14

  131. Usando ECMAScript 6 en tus tareas de Gulp

  132. Usando ECMAScript 6/2015 con Babel

  133. Buenas prácticas del desarrollo FrontEnd

  134. Renderizando React.js en el server con Express.js y react-engine

  135. ECMAScript 6: nueva sintaxis y características para JavaScript

  136. Cómo usar la etiqueta template en HTML5

  137. Automatización de tareas de frontend usando Gulp.js

  138. Uso de módulos en JavaScript con ECMAScript 6

  139. Escribiendo CSS de la forma correcta

  140. Definiendo conceptos - Closure y Scope en JavaScript

  141. Ventajas y desventajas de los pre-procesadores de CSS

  142. ¿Qué es Scrum? ¿Y cómo te ayuda trabajar?

  143. El módulo Flexbox de CSS3

  144. JavaScript orientado a objetos