Mi front-end workspace en 2016

Los que me conocéis sabéis que ya son muchos años maltratando navegadores, y como es lógico en todo este tiempo, tanto mi espacio de trabajo como mi manera de trabajar han ido evolucionando y cambiando.

Leer más

HoC o Componentes de orden superior en React

Seguro que a todos los que estáis inmersos en el mundillo React os sonará en patrón HoC o
Higher-Order Components, lo que en castellano serían Componentes de Orden Superior. En
este post me gustaría hacer una introducción a este patrón que ha demostrado ser de gran
utilidad a la hora de desarrollar aplicaciones React. En este post veremos que son los HoC y como trabajar con ellos.

Leer más

Proxies en JavaScript con ES6

Los proxies son otra de las features interesantes que han llegado con ES6, y básicamente su función es la de definir un comportamiento personalizado cada vez que se accede a las propiedades de un objeto.

Leer más

NPM scripts como task runner

Los task runners son herramientas que nos ayudan a automatizar tareas repetitivas y de este modo optimizar nuestros recursos y tiempo. Los más conocidos son Grunt y Gulp, y aunque no está considerado un task runner, también podemos utilizar (mi querido) Webpack.

Leer más

Funciones asíncronas con ES7 async/await

Escribir código asíncrono en JavaScript es tedioso, o al menos lo era ya que hasta la versión 6 de ECMAScript dependíamos en gran parte del uso de funciones de devolución de llamada, más conocidas como callbacks. Con ES6 se introdujeron las promesas y los generadores, los cuales ayudan a que nuestro código sea más fácil de entender y más simple de escribir.

En este breve post vamos a repasar la propuesta de ECMAScript 2016 (ES7 para los colegas) para mejorar nuestra experiencia en programación asíncrona con async/await.

Leer más

Introducción a Mobx. Un enfoque diferente para aplicaciones React

Hace algunas semanas descubrí por casualidad una librería que me llamó estrepitosamente la atención. Se trata de MobX y de su implementación para aplicaciones React, MobX-react.

MobX básicamente hace que la gestión del estado de nuestras aplicaciones sea mucho más simple y escalable implementando observables, un concepto muy elegante del mundo de la programación funcional-reactiva (FRP).

Leer más

Error importando aws-sdk con Webpack y ES6

Actualmente trabajo en un proyecto React en el que usamos el SDK de Amazon. Por supuesto, tanto el entorno de desarrollo como el de producción corren con Webpack y cual ha sido mi sorpresa que al importar el aws-sdk me he encontrado con los varios warnings y mensajes de error.

Leer más

Un repaso a las promesas de ES6

En mi post anterior sobre decoradores en ES7 (es2016) comenté mi intención de escribir un artículo sobre las funciones asíncronas pero creo que para poder entender como trabajan este tipo de funciones primero es necesario comprender como funcionan las promesas, los iteradores y los generadores de ES6. En este artículo daremos un repaso a las promesas (Promise) de ES6.

Leer más