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

Comparación estricta y no estricta en Javascript

Aunque pueda parecer que comparar dos valores es algo sencillo y común, lo cierto es que comparar en Javascript conlleva algunas dificultades que debemos conocer, en especial la diferencia entre la comparación estricta y no estricta, es decir, la diferencia entre == (con sólo dos signos de igualdad) y === (con sólo tres signos de igualdad).

Sistema de pruebas minimalista en Javascript

En todos los navegadores modernos y en Node disponemos de console.assert() para comprobar el resultado de nuestras funciones y construir un sencillo conjunto de pruebas sin necesidad de instalar absolutamente nada. Es un sistema minimalista, sin dependencias y que funciona muy bien. Os animamos a conocer un poco más de esta pequeña herramienta.

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.