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

Consejos y recomendaciones para construir aplicaciones en tiempo real usando WebSockets

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

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

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

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

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

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

Repaso por los diferentes métodos del ciclo de vida de un componente de React.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.

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.

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

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.

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

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

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

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

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

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

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

Use Flagged to detect Feature Flags and render or not a React component

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

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

Create a GitHub Actions workflow to automatically publish new version of a package when creating a new release on GitHub.

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

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.

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

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

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

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.

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

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

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

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

Optimizing the performance of a Next.js using SWR and data prefetching.

Learn how to use Tailwind in a Next.js application.

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

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

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

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

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

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

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

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

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

Learn how to use the Render as you Fetch pattern with React and SWR.

Tips and recommendations to build real-time applications using WebSockets

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.

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

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

Client-Side Applications could have different types of states based on the requirements, let's dig through them and learn their differences.

Learn how you can configure Yarn to use a different registry for scoped packages

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.

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.

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.

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.

React hook for Permissions API.

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

Measure the performance of our Next.js application with Web Vitals

Aprende como usar React.Suspense para controlar el estado de carga de imágenes.

Hay muchas formas de organizar aplicaciones de React, con los años esta es la que más me ha convencido

There are many ways to organize a React application, with the years this the the one I liked the most

Learn how to use React.Suspense to handle the loading state of an image.

Learn how to use SWR with the Geolocation WebAPI to show the user location in a map and keep it up-to-date with any change.

Learn how to start using SWR, the ZEIT data fetching library for React applications.

Use Immer to make optimistic UI updates with SWR easier to follow

Learn how to use SWR to build an infinite scrolled paginated data.

Use Web Storage to retain SWR cache between page reloads

Learn how to use SWR for data fetching with Suspense to handle loading states.

Implement a synced session status using SWR to keep the user logged in/out in all the tabs or windows

Use the useMutation hook together with SWR to implement optimistic updates in your React components

Learn how to use the built-in purge support of Tailwind to remove unused classes in production.

Use Google Suite with a domain whose NS records is in Vercel

Learn how you can create a redirect in any project deployed to the Vercel platform.