Sergio Xalambrí

Articles

These are my articles.

Subscribe to my articles using RSS.

  1. The Industrialization of Software Engineering

  2. React Router Loaders and Actions as Integration Points

  3. How Architecture Patterns Shape Development

  4. OAuth2 Access Token Claims Explained

  5. OAuth2 Scopes Explained

  6. OAuth2 Tokens Explained

  7. OAuth2 Audience Explained

  8. JWT vs. Opaque Tokens

  9. OAuth2 for Backend-for-Frontend

  10. Throwing vs. Returning Redirects in React Router

  11. Making Web Component good enough

  12. On Frontend vs Backend

  13. When to use Route Modal in React Router

  14. Throwing vs. Returning responses in Remix

  15. Optional route segments with Remix

  16. Dependency injection in Remix loaders and actions

  17. Using Zod to safely read env variables

  18. Working with Refresh Tokens in Remix

  19. E2E test Remix with Vitest and Puppeteer

  20. Multiple forms per route in Remix

  21. Building a Command Palette with Remix and Tailwind UI

  22. HTTP vs. Server-side Cache in Remix

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

  24. On-Demand Hydration in Remix

  25. Loader vs Route Cache Headers in Remix

  26. The useMatches hook in Remix

  27. Validating Remix forms with Constraints API

  28. Result Objects in TS

  29. Dark Mode and Dark Context

  30. Automatic Revalidation in Remix

  31. Creating a PDF with React in the Browser

  32. Sending data from layout to leaf routes in Remix

  33. Using Service Workers with Remix

  34. Localizing Remix apps with i18next

  35. Adding CSRF protection to Remix

  36. Server-Side authentication with Auth0 in Remix

  37. Using TailwindCSS with Remix

  38. Jest Matchers for Remix responses

  39. Using Form Objects inside Remix actions

  40. Route protection in Remix with Policies

  41. Que es un bundler de JS

  42. Remix vs Next.js Comparison

  43. How to rename a column in a Rails migration

  44. Usar variables de entorno en Next.js

  45. About

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

  47. 🔥 Pro Tip: Name your useEffect functions

  48. Using MDX with Remote Content

  49. Todo lo que sé de SWR

  50. The States of the UI

  51. What I Use

  52. Como me inicié en el desarrollo web

  53. Why build a non-RESTful API

  54. How I work with static assets in React apps

  55. How shallow: true works in Rails

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

  57. Como organizo mis aplicaciones de React

  58. How I Organize React Applications

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

  60. Data-Aware Components

  61. Collected Notes TS Client

  62. Using Collected Notes as CMS

  63. Using Immer with SWR to mutate data

  64. Render as you Fetch Pattern in React with SWR

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

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

  67. Using Tailwind with Next.js

  68. Using Suspense for Data Fetching Today with SWR

  69. Using Paginated Data with SWR

  70. Introduction to SWR

  71. Feature Flags in React with Flagged

  72. Next.js File Structure

  73. Testing in Next.js: Dynamic Imports

  74. Redirects in Next.js, the Best Way

  75. Working with Forms in React without libraries

  76. Working with conditions and lists in React

  77. Introduction to React with the State and Effects hooks

  78. Introducing Contentz

  79. Career Titles and Levels in Tech

  80. Deploy de Contentz a Netlify

  81. Contentz es Omakase

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

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

  84. Aplicaciones web con Zero Server

  85. Presentando Contentz

  86. Uso del prop children en React

  87. Componentes con Hijos Personalizables en React

  88. Composición de Componentes en React

  89. Tipos de datos en React

  90. Props con valores predefinidos en React

  91. Componente de React personalizables usando props

  92. Componentes con React

  93. Hola Mundo con React

  94. Cargando React desde un CDN

  95. Mi Static Site Generator ideal

  96. Automatización con Shell Scripts

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

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

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

  100. Usando Generadores Asíncronos en JavaScript

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

  102. Scalable Real-Time Applications

  103. Aplicaciones Real-Time de Alta Escala

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

  105. Introducción a MDX

  106. Documentation, Lessons Learned

  107. Documentación, Lecciones Aprendidas

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

  109. Renderizando Markdown en React.js

  110. An Accessible Approach to Frontend Testing

  111. How to keep updated with the JavaScript ecosystem?

  112. Implementando un Servidor de GraphQL

  113. Bye Platzi, hi ▲ZEIT

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

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

  116. Introducción a GraphQL

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

  118. Sobre el ecosistema y la fatiga de JavaScript

  119. Combinando React.js y Redux.js

  120. Introducción a Redux.js

  121. Compilando el Frontend con webpack

  122. Internacionalización con React.js y FormatJS

  123. Introducción a ECMAScript 2016/7

  124. Mi experiencia como estudiante de los cursos de Platzi

  125. Lo nuevo en React v0.14

  126. Usando ECMAScript 6 en tus tareas de Gulp

  127. Usando ECMAScript 6/2015 con Babel

  128. Buenas prácticas del desarrollo FrontEnd

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

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

  131. Cómo usar la etiqueta template en HTML5

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

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

  134. Escribiendo CSS de la forma correcta

  135. Definiendo conceptos - Closure y Scope en JavaScript

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

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

  138. El módulo Flexbox de CSS3

  139. JavaScript orientado a objetos