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

Web Components: pasado, presente y futuro

Web Components: pasado, presente y futuro

Los Web Components aparecieron en el panorama de desarrollo hace ya bastante tiempo. Desde su presentación se les ha prestado mucha atención, pero lo cierto es que no han sido acogidos de forma generalizada, quizás por la difusión de nuevos y potentes frameworks. Nos preguntamos qué ha pasado con este estándar y, sobre todo, que puede pasar de aquí en adelante con el uso práctico de los componentes web.

Adaptar un componente web para Microsoft Edge

Adaptar un componente web para Microsoft Edge

Si quieres que tus componentes web funcionen sin problemas en Microsoft Edge, es conveniente que conozcas algunas de sus carencias y cómo resolverlas. Edge tiene soporte nativo a algunas de las características clave de los web component, pero hay que utilizar polyfill en otras y hay que tener en cuenta algunas limitaciones. Próximamente Edge utilizará Chromium como base de su desarrollo, pero de momento, es necesario aplicar estas soluciones.

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.