Componentes con estilo: aplicación de las mejores prácticas en sistemas basados ​​en componentes

El auge de los marcos de JavaScript como React, Ember y recientemente Angular 2, el esfuerzo del W3C por estandarizar un sistema de componentes nativos de la web, las bibliotecas de patrones y las guías de estilo se consideran la "forma correcta" de crear aplicaciones web, y muchas otras cosas. han iluminado esta revolución.

Después de este cambio de mentalidad hacia la creación de interfaces de usuario basadas en componentes, ahora nos encontramos en lo que nos gusta llamar la "era de los componentes". El auge de los marcos de JavaScript como React , Ember y recientemente Angular 2, el esfuerzo del W3C por estandarizar un sistema de componentes nativos de la web, las bibliotecas de patrones y las guías de estilo se consideran la "forma correcta" de crear aplicaciones web, y muchas otras cosas. han iluminado esta revolución.

Mejores prácticas en sistemas basados ​​en componentes

A medida que creamos más y más aplicaciones con componentes, descubrimos algunas de las mejores prácticas al trabajar con ellos. Hoy quiero hablar de tres principales: construir componentes pequeños, enfocados e independientes; división de contenedores y componentes de presentación; y tener nombres de clases CSS de un solo uso.

Componentes pequeños para construir

En lugar de depender de las clases para la composición, utilice los componentes a su favor y compórelos juntos. Por ejemplo, imagine un Buttoncomponente que renderiza