Articles by Sergio Xalambrí

A web developer from Buenos Aires, Argentina. I work at Daffy as a Web Developer.

¿Qué son Server Components de React y cómo se relacionan con SSR/SSG/ISR?
Ayer el team de React...
Data-Aware Components
Normalmente, al crear un app de React, un componente necesita un dato del API, ej. el usuario log...
Usar variables de entorno en Next.js
Las variables de entorno nos permiten configurar como un software se ejecuta dependiendo de la computadora ...
🔥 Pro Tip: Name your useEffect functions
When creating an effect in React, avoid arrow function and instead use a function with a name. This wil...
Build your own RSS Reader
RSS is a standard way to use XML to share content from a website so other apps could read it and show it in a differen...
Using MDX with Remote Content
One of the most common ways to use MDX in a website is to have the .mdx files together with the rest of the webs...
Keep Heading Levels Consistent with React Context
When building for the web one of the most common elements are the heading tags (h1 to h6) ...
Use TailwindCSS Typography with Dark Mode Styles
Since TailwindCSS v2 it comes with dark mode support. Enabling it is really simple, in the `tai...
Collected Notes TS Client
A TypeScript client for the Collected Notes API. TypeScript Support Types for the API returned value Types fo...
About
A photo of me Hi there! I'm a web developer currently based on Lima, Perú. I'm currently working in Silverback Ventures as the web devel...
The States of the UI
Let's say you are in charge of building the UI of Twitter, how many states do you think that UI ...
Using Collected Notes as CMS
Now that Collected Notes has an API to get the notes you wrote here it's possible to use it as a CMS (Content Manag...
What I Use
This is my current development setup. Tech Stack TypeSc...
Conceptos básicos de JS: Arraypush
title: 'Conceptos básicos de JS: Array#push' date: 2019-02-11T15:51:40.696Z description: >- Aprende a usar Array#push, como se implementa a m...
Como me inicié en el desarrollo web
Corría el año 2002, tenía unos 10 años, un día me pregu...
Purge unused CSS with TailwindCSS
title: description: >- Learn how to use the built-in purge support of Tailwind to remove unused classes i...
Using Suspense for Data Fetching Today with SWR
title: description: Learn how to use SWR for data fetching with Suspense to handle loading stat...
Setup a redirect inside a project deployed to Vercel
title: description: >- Learn how you can create a redirect in any project deployed to th...
Usa React.Suspense para controlar la carga de imagenes
title: description: >- Aprende como usar React.Suspense para controlar el estado de ca...
Sync SWR cache with Web Storage
title: description: Use Web Storage to retain SWR cache between page reloads date: 2020-05-15T05:28:17.582Z pub...