Seleccionar página

Hace ya casi un año del primer commit de React Toolbox. En principio no fue más que un intento por mejorar la implementación de Material UI utilizando CSS en lugar de estilos en línea, pero la incorporación de css modules, la atención a los detalles y una nueva forma de documentación impulsó la proyecto a una popularidad tal que hoy roza las 3300 stars en Github.

En esta charla veremos el proceso de desarrollo y los retos afrontados en la construcción de este ui-kit. Para ello haremos una introducción a React y a css modules y pasando por los problemas de styling/theming que existen a día de hoy y cómo estamos intentando resolverlos. Dependiendo del tiempo podríamos incluso ver un pequeño ejemplo de live coding utilizando la librería para ayudaros a empezar a usarla en vuestros prototipos.

Javi Velasco

Desarrollador frontend en Audiense y autor de React Toolbox. Aunque a día de hoy escribe principalmente Javascript ha trabajado en Ruby, Python en multitud de roles. Actualmente está muy involucrado en el ecosistema de React y trata de encontrar el punto en que dicho ecosistema se encuentra con las buenas prácticas y la clean architecture.

Novedades

Limitar el tamaño de un Map

Limitar el tamaño de un objeto Map no parece una idea muy razonable, pero cuando tu programa se ejecuta sin interrupción durante días, semanas, meses e inclusos años, es muy importante controlar el tamaño de la memoria utilizada para evitar problemas inesperados. Una simple función memoize puede llegar a almacenar mucha más información de la que puedes pensar. Aquí te contamos como limitar el tamaño de un objeto Map para estas situaciones.

Cómo conseguir un objeto Map ordenado

Mantener un objeto Map con su contenido ordenado no es algo tan sencillo como parece. Por defecto, Map guarda los datos en el mismo orden en el que han sido creados en el objeto. Para conseguir que el contenido se muestre ordenado tendremos que explorar varias interesantes alternativas que nos descubrirán algunas de características interesantes de estas estructuras de datos.

breves

Descrubir algunas características de console

En el día a día nos encontramos muy a menudo utilizando console. Es una navaja multiusos que nos facilita la vida a la hora de depurar nuestro código. La mayoría de nosotros ha utilizado console.log(), pero tiene otras muchas funcionalidades.

Matrices dispersas o sparse arrays en JS

Una característica que puede producir algunos problemas, si no lo tenemos en cuenta, es la posibilidad de tener matrices con huecos, es decir, con algunos de sus elementos sin definir. Es lo que se suele denominar una matriz dispersa o sparse array. Veamos cómo trabajar con esta características de las matrices.