Reutiliza tu código en React usando mixins

En el anterior artículo sobre React vimos cómo hacer el frontend de un chat. Terminamos el chat, pero dejamos un paso sin hacer. En este artículo veremos qué son los mixins y cómo hacer que se »

Comenzando con React

React es una librería de Javascript creada por los desarrolladores de Facebook para construir interfaces de usuario de forma modular. Su principal característica es su capacidad para hacer cambios en el DOM de la página de »

Cómo funciona y cuándo es recomendable usar @extend en Stylus

La directiva @extends de Stylus permite heredar estilos de un selector en otro. Puede ser útil cuando tenemos un elemento con los mismos estilos que otro ya definido. Al segundo elemento le decimos que extienda del »

Mediaqueries en Stylus

Al trabajar con preprocesadores, hacer mediaqueries no supone ningún problema. No hay ninguna diferencia entre usar CSS o usar un preprocesador. Sin embargo, ya que estamos usando preprocesadores, podrían ayudarnos un poco. Para ello crearemos un »

Componentes y módulos de CSS con Stylus

Gracias a los preprocesadores de CSS es muy sencillo modularizar nuestro código separándolo en múltiples archivos, dejando que cada uno defina estilos de un componente de nuestro sitio. Tener cada elemento separado en un archivo nos »