Sergio Xalambrí

# Articles

List of articles of Sergio Xalambrí

August 27, 2019

##
Next.js File Structure

Overview of the file structure I like to use in Next.js projects

August 22, 2019

## Testing in Next.js: Dynamic Imports

Learn how to test components using dynamic imports in a Next.js application.

August 20, 2019

## Redirects in Next.js, the Best Way

Learn how to create redirects when using Next.js in the most efficient way.

June 19, 2019

## Working with Forms in React without libraries

Learn how to work with forms and form elements in React without using another library.

June 18, 2019

## Working with conditions & lists in React

Learn how to conditionally render elements and how to properly work with lists in React.

June 15, 2019

## Introduction to React with the State & Effects hooks

Learn how to start a React project, create your first component and use the State and Effects hooks to implement basic behaviors.

April 22, 2019

## Introducing Contentz

Contentz, a Pure Static Site Generator which let you focus on the content and gives you a highly optimized website.

April 09, 2019

## Career Titles and Levels in Tech

List of possible career paths, titles and level you could find while working as Software Engineer.

March 21, 2019

## Deploy de Contentz a Netlify

Aprende como llevar tu sitio de Contentz a producción usando Netlify.

March 21, 2019

## Contentz es Omakase

Contentz toma decisiones por uno, a cambio nos ofrece un sitio optimizado para un mejor rendimiento y lectura.

March 12, 2019

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

Aprende a usar Array#forEeach, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript.

March 11, 2019

## Cómo crear y publicar un módulo para npm

Aprende como crear un módulo y publicarlo a npm configurando Prettier, ESLint, pruebas, tipos y más.

March 06, 2019

## Aplicaciones web con Zero Server

Introducción a Zero Server, el framework de desarrollo web con cero configuración.

March 05, 2019

## Presentando Contentz

Contentz, un Pure Static Site Generator para obtener un sitio web super optimizado.

February 26, 2019

## Uso del prop children en React

El prop children tiene significado especial para React, veremos para que sirve y como usarlo en nuestros propios componentes.

February 26, 2019

## Componentes con Hijos Personalizables en React

Para evitar prop drilling y hacer componentes aún más personalizables vamos a ver como usar un prop para cambiar el contenido de un componentes de React.

February 26, 2019

## Composición de Componentes en React

Una de las mejores cosas de React es poder combinar componentes para crear nuevo componentes más complejos

February 26, 2019

## Tipos de datos en React

Hay varias formas de definir que tipos de datos recibe un componente en React, puede ser TypeScript, Flow o PropTypes

February 26, 2019

## Props con valores predefinidos en React

Es muy común querer tener props con valores por defecto en nuestros componentes de React, veremos varias formas de lograr este objetivo.

February 26, 2019

## Componente de React personalizables usando props

Los props nos permiten crear componentes de React que sean personalizables y que nos sirven para muchos más casos

February 26, 2019

## Componentes con React

Los componentes de React son la unidad básica de cualquier aplicación hecha con esta librería, aprende como crear y usar componentes de React

February 26, 2019

## Hola Mundo con React

En este tutorial vamos a ver como crear un Hola Mundo en React sin usar JSX

February 26, 2019

## Cargando React desde un CDN

En este tutorial vamos a ver como crear un Hola Mundo en React sin usar JSX.

February 25, 2019

## Mi Static Site Generator ideal

Un artículo con ideas de como sería mi generador de sitios estáticos ideal

February 23, 2019

## Automatización con Shell Scripts

Aprende a usar Shell Scripts para automatizar tareas, todo con un ejemplo práctico para montar un entorno de trabajo para un proyecto en Node.js

February 11, 2019

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

Aprende a usar Array#push, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript.

February 08, 2019

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

Aprende a usar Array#filter, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript.

February 07, 2019

## React Hook: usePermissions

React hook for Permissions API.

February 07, 2019

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

Aprende a usar Array#map, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript.

January 30, 2019

## Usando Generadores Asíncronos en JavaScript

Tutorial sobre como se pueden usar Generadores Asíncronos de ECMAScript 2018 para realizar colas o paginaciones de un API fácilmente en JavaScript

January 29, 2019

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

Tutorial sobre como implementar un carrusel para elementos de diferentes tamaños usando React.js

January 11, 2019

## Scalable Real-Time Applications

Tips and recommendations to build real-time applications using WebSockets

January 06, 2019

## Aplicaciones Real-Time de Alta Escala

Consejos y recomendaciones para construir aplicaciones en tiempo real usando WebSockets

October 24, 2018

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

Aprende a usar los nuevos features de React v16.6, lazy load, memoize, errores, contexto y más

May 09, 2018

## Introducción a MDX

MDX es un formato de archivos que permite extender Markdown con código JS y JSX (Componentes de React)

January 17, 2018

## Documentación, Lecciones Aprendidas

Después de trabajar en la documentación del API de ZEIT quiero compartir algunas lecciones que aprendí de ello.

January 17, 2018

## Documentation, Lessons Learned

After working on the documentation of the API of ZEIT I want to share some insights I learned from it

January 12, 2018

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

Cómo mantenerse actualizado es una pregunta común al comenzar, acá hay una lista de maneras útiles de hacerlo y no morir en el proceso.

January 06, 2018

## Renderizando Markdown en React.js

Crea un parser que transforme Markdown a componentes de React.js

September 29, 2017

## An accessible approach to Frontend testing

Testing is hard. Testing Frontend is harder. But you should do it anyways.

August 06, 2017

## How to keep updated with the JavaScript ecosystem?

How to keep updated is a common questions when starting, here you can find a list of useful ways to do it and not die in the process.

July 07, 2017

## Implementando un Servidor de GraphQL

Explicación paso a paso de como implementar un servidor GraphQL desde cero en Node.js.

July 07, 2017

## Bye Platzi, hi ▲ZEIT

Today I leave my job as Frontend Developer at Platzi to start working as Support Engineer at ▲ZEIT.

July 06, 2017

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

Repaso por los diferentes métodos del ciclo de vida de un componente de React.js

June 23, 2017

## Mezclando flujos síncronos y asíncronos usando promesas en JavaScript

Manejar flujos de datos síncronos es fácil, con Promises también es fácil hacerlos asíncronos. Ahora veamos como combinarlos.

May 28, 2017

## Introducción a GraphQL

En 2015 Facebook anunció GraphQL, una tecnología que empezaron a desarrollar y usar internamente en 2012. ¿Pero qué es GraphQL?

March 05, 2017

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

Manejar flujos de datos asíncronos es complejo, pero con Promesas esto se vuelve mucho más fácil

October 10, 2016

## Sobre el ecosistema y la fatiga de JavaScript

Desde hace ya un tiempo han ido saliendo un montón de artículos sobre JS Fatigue, tantos que hasta hay artículos sobre la fatiga de esta.

March 28, 2016

## Combinando React.js y Redux.js

Redux es especialmente bueno al usarlo con librerías como React ya que facilita usar React solo para la UI y dejar el estado en Redux.

March 23, 2016

## Introducción a Redux.js

Redux es una librería para controlar el estado de nuestras WebApps fácilmente, de forma consistente entre cliente y servidor y una gran DX.

September 27, 2015

## Compilando el Frontend con webpack

September 27, 2015

## Internacionalización con React.js y FormatJS

Guía de como usar FormatJS para internacionalizar aplicaciones hechas con React.js y poder pluralizar o formatear fechas y números.

September 24, 2015

## Introducción a ECMAScript 2016/7

September 09, 2015

## Mi experiencia como estudiante de los cursos de Platzi

July 07, 2015

## Lo nuevo en React v0.14

June 08, 2015

## Usando ECMAScript 6/2015 con Babel

June 08, 2015

## Usando ECMAScript 6 en tus tareas de Gulp

June 07, 2015

## Buenas prácticas del desarrollo FrontEnd

May 31, 2015

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

April 23, 2015

## ECMAScript 6: nueva sintaxis y características para JavaScript

January 03, 2015

## Cómo usar la etiqueta template en HTML5

December 21, 2014

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

November 06, 2014

## Uso de módulos en JavaScript con ECMAScript 6

October 30, 2014

## Escribiendo CSS de la forma correcta

July 30, 2014

## Definiendo conceptos - Closure y Scope en JavaScript

July 07, 2014

## Ventajas y desventajas de los pre-procesadores de CSS

July 05, 2014

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

December 14, 2013

## El módulo Flexbox de CSS3

August 22, 2013

## JavaScript orientado a objetos