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
HTTP2 para programadores. Enviar mensajes del servidor al cliente con Server Sent Event (sin WebSockets)
En esta charla, organizada por MadridJS, Pablo Almunia nos muestra cómo la mayoría de nosotros cuando oímos hablar por primera vez de HTTP2 nos ilusionamos con las posibilidades que presumiblemente se abrían para el desarrollo de soluciones web avanzadas y cómo muchos nos sentimos defraudados con lo que realmente se podía implementar.
En esta charla podemos ver cómo funciona el HTTP2, que debemos tener en cuenta en el servidor para hace uso de este protocolo y, sobre todo, cómo podemos enviar información desde el servidor al cliente de forma efectiva y fácil. Veremos con detenimiento cómo por medio de los Server-Sent Events (SSE) podemos recibir en el cliente datos enviados desde el servidor sin utilizar websocket, simplificando enormemente la construcción de aplicaciones con comunicación bidireccional.
Observables en Javascript con Proxies
En esta charla, organizada por MadridJS, Pablo Almunia nos habla de la observación reactiva de objetos en Javascript por medio de Proxy. Se describe paso a paso cómo funcionan los Proxies y en que casos pueden ser nuestro mejor aliado. Veremos que no hay que tenerles miedo, son bastante sencillos de utilizar, y nos ofrecen una gran abanico de posibilidades.
breves
Javascript: 25 aniversario
25 años con Javascript han dado para mucho. Pero todavía queda mucho para este lenguaje de programación.
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.
Que ganas de escuchar ese debate entre los Javis, es tan novedoso como los web componentes el problema de no saber como encarar este asunto. También me gustaría ver al inspirador @SoyJavi.
¡ Excelente aporte !. Saludos desde Argentina.
Hola, buen día, estoy intentando hacer una implementación de la librería en mi proyecto, usando gulp y me sale lo siguiente: /home/juandav/puzzle-scrape/node_modules/react-toolbox/lib/button/theme.scss:1
@import “../colors”;
^
ParseError: Unexpected character ‘@’
Se que con webpack es mas facil, pero en este caso estoy intentándolo hacer con gulp.