Sergio Xalambrí

Articles

These are my articles.

Subscribe to my articles using RSS.

  1. Multi-Entry Package Architecture

  2. Structuring a Bun Monorepo with Shared Packages

  3. Compound Component Pattern in React

  4. Building Accessible UI with React Aria Components

  5. How AI is Industrializing Software Engineering

  6. Using React Router Loaders and Actions as Integration Points

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

  8. JWT Claims in OAuth2 Access Tokens

  9. OAuth2 Scopes Explained

  10. OAuth2 Tokens Explained

  11. OAuth2 Audience Explained

  12. JWT vs. Opaque Tokens

  13. Using OAuth2 in a Backend for Frontend

  14. Throwing vs. Returning Redirects in React Router

  15. Making Web Component good enough

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

  17. When to use Route Modal in React Router

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

  19. Reusing Remix Routes for Optional Segments

  20. Dependency injection in Remix loaders and actions

  21. Validating Environment Variables with Zod

  22. Handling Refresh Tokens in Remix Loaders and Actions

  23. E2E Testing Remix with Vitest and Puppeteer

  24. Multiple forms per route in Remix

  25. Building a Command Palette with Remix and Tailwind UI

  26. HTTP vs. Server-side Cache in Remix

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

  28. On-Demand Hydration in Remix

  29. Loader vs Route Cache Headers in Remix

  30. The useMatches hook in Remix

  31. Validating Remix forms with Constraints API

  32. Result Objects in TS

  33. Dark Mode and Dark Context

  34. Automatic Revalidation in Remix

  35. Creating a PDF with React in the Browser

  36. Sending data from layout to leaf routes in Remix

  37. Caching Remix Assets and Locales with a Service Worker

  38. Localizing Remix apps with i18next

  39. Adding CSRF protection to Remix

  40. Implementing Auth0 Login in Remix without Express

  41. Using TailwindCSS with Remix

  42. Jest Matchers for Remix responses

  43. Using Form Objects inside Remix actions

  44. Route protection in Remix with Policies

  45. Que es un bundler de JS

  46. Remix vs Next.js Comparison

  47. How to rename a column in a Rails migration

  48. Usar variables de entorno en Next.js

  49. About

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

  51. 🔥 Pro Tip: Name your useEffect functions

  52. Using MDX with Remote Content

  53. Todo lo que sé de SWR

  54. The States of the UI

  55. What I Use

  56. Como me inicié en el desarrollo web

  57. When to Use Custom API Endpoints Instead of REST

  58. How I work with static assets in React apps

  59. How shallow: true works in Rails

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

  61. Como organizo mis aplicaciones de React

  62. How I Organize React Applications

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

  64. Data-Aware Components

  65. Collected Notes TS Client

  66. Using Collected Notes as CMS

  67. Using Immer with SWR to mutate data

  68. Render as you Fetch Pattern in React with SWR

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

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

  71. Using Tailwind with Next.js

  72. Using Suspense for Data Fetching Today with SWR

  73. Using Paginated Data with SWR

  74. Introduction to SWR

  75. Feature Flags in React with Flagged

  76. Next.js File Structure

  77. Testing in Next.js: Dynamic Imports

  78. Redirects in Next.js, the Best Way

  79. Working with Forms in React without libraries

  80. Working with conditions and lists in React

  81. Introduction to React with the State and Effects hooks

  82. Introducing Contentz

  83. Career Titles and Levels in Tech

  84. Deploy de Contentz a Netlify

  85. Contentz es Omakase

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

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

  88. Aplicaciones web con Zero Server

  89. Presentando Contentz

  90. Uso del prop children en React

  91. Componentes con Hijos Personalizables en React

  92. Composición de Componentes en React

  93. Tipos de datos en React

  94. Props con valores predefinidos en React

  95. Componente de React personalizables usando props

  96. Componentes con React

  97. Hola Mundo con React

  98. Cargando React desde un CDN

  99. Mi Static Site Generator ideal

  100. Automatización con Shell Scripts

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

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

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

  104. Usando Generadores Asíncronos en JavaScript

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

  106. Scalable Real-Time Applications

  107. Aplicaciones Real-Time de Alta Escala

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

  109. Introducción a MDX

  110. Documentation, Lessons Learned

  111. Documentación, Lecciones Aprendidas

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

  113. Renderizando Markdown en React.js

  114. An Accessible Approach to Frontend Testing

  115. How to keep updated with the JavaScript ecosystem?

  116. Implementando un Servidor de GraphQL

  117. Bye Platzi, hi ▲ZEIT

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

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

  120. Introducción a GraphQL

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

  122. Sobre el ecosistema y la fatiga de JavaScript

  123. Combinando React.js y Redux.js

  124. Introducción a Redux.js

  125. Compilando el Frontend con webpack

  126. Internacionalización con React.js y FormatJS

  127. Introducción a ECMAScript 2016/7

  128. Mi experiencia como estudiante de los cursos de Platzi

  129. Lo nuevo en React v0.14

  130. Usando ECMAScript 6 en tus tareas de Gulp

  131. Usando ECMAScript 6/2015 con Babel

  132. Buenas prácticas del desarrollo FrontEnd

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

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

  135. Cómo usar la etiqueta template en HTML5

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

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

  138. Escribiendo CSS de la forma correcta

  139. Definiendo conceptos - Closure y Scope en JavaScript

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

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

  142. El módulo Flexbox de CSS3

  143. JavaScript orientado a objetos