We’ve all written a reducer in our Redux code that has a thousand million spread operators. We’re glad it works, but we feel bad about writing because of its verbosity. I’m going to borrow an example from this article by Chidi Orji on Smashing Magazine, to showcase what type of…

Cómo utilizarlos en conjunto y no morir en el intento — Este artículo no es un tutorial de React ni tampoco de RxJS. Si no sabes absolutamente nada sobre RxJS, te recomiendo comenzar por este artículo. ✨ Este artículo fue publicado originalmente en mi blog. ✨ RxJS es una librería para realizar Programación Funcional Reactiva (PFR desde ahora) en JavaScript. Si…

En este artículo aprenderemos sobre qué es un servicio y a crear servicios agnósticos a nuestra UI — ✨ Este artículo fue publicado originalmente en mi blog. ✨ Según Wikipedia: El término servicio se refiere a una funcionalidad de un software o a un conjunto de funcionalidades de un software con un propósito que diferentes clientes pueden utilizar para distintos propósitos Dentro del contexto de una aplicación web…

Adiós Medium, que la fuerza te acompañe. — Este artículo fue publicado originalmente aquí: Moviendo ¿casi? todo a daslaf.dev Hace mucho tiempo que he estado intentando darle un poco más de amor a mi sitio web personal, y por qué no, empezar a…daslaf.dev Hace mucho tiempo que he estado intentando darle un poco más de amor a mi sitio web personal, y por qué no, empezar a publicar mis artículos en una plataforma que sienta propia. He estado escribiendo exclusivamente en Medium por casi 2 años ya…

Conceptos generales sobre programación funcional. — En esta serie vamos a aprender programación funcional utilizando Ramda, una librería de JavaScript que nos entrega utilidades para realizar programación libre de efectos secundarios por medio de funciones puras. Puedes ver todos los artículos en la serie a continuación Introducción a Ramda.js — Parte 0 (este mismo artículo☝️) En…

Aprovechando el impulso tras escribir mi último artículo sobre Manejo de estado con Context y Hooks en React, me animé a hablar al respecto y participé en la edición de Septiembre del meetup de Noders. Mientras preparaba el material para mi presentación (que puedes ver por YouTube), llegué a este…

La “nueva” API de Context de React (disponible desde la versión 16.3) nos permite encapsular un pedazo de estado en un contexto que es inyectable en cualquier lugar de nuestro árbol de componentes. Por ejemplo: import React from 'react'; const AlbumOfTheWeek = React.createContext({ title: 'Pop Food', artist: 'Jack…

En este artículo entenderemos qué son y cómo funcionan las render props. En el próximo artículo construiremos un popover utilizando este patrón. Render props es un patrón utilizado en React que consiste en delegar lo que un componente va a renderear a otro componente, la mayoría de la veces, a…

Programación Reactiva con RxJS — Este es el segundo artículo en mi serie de programación reactiva en JavaScript. Si no tienes idea de qué es programación reactiva, puedes pasar por el primer artículo: Programación Reactiva en JavaScript. Muchos de los conceptos que tratamos aquí están explicados en el artículo anterior. Si ya te sientes cómodo…