CloudFlare UI Framework gratuito para desarrolladores de frontend

CloudFlare anunció recientemente una revisión importante de su sistema De Backbone a React.js. Esto vino con un marco de interfaz de usuario actualizado y el equipo decidió abrirlo para todos..

los CloudFlare UI Framework, abreviado CF-UI, es una biblioteca de código abierto gratuita de códigos frontend que puede atar en un flujo de trabajo React.

El equipo ha sido muy abierto sobre su movimiento. incluyendo otras tecnologías como Lerna.js para gestionando el código a través de múltiples repositorios. Esta revisión es más profunda que los componentes superficiales, pero estos componentes gratuitos pueden marcar una gran diferencia en su flujo de trabajo.

CloudFlare añadido componentes personalizados en una biblioteca junto con pruebas unitarias para comprobar la calidad del código. Puedes ver un demo en vivo para todos los componentes en esta página incluyendo documentación y fragmentos de código.

Todo el código es construido con React, por lo que extiende clases Hecho para diferentes componentes, como paginación, menús desplegables, campos de entrada e incluso áreas de texto con copia automática.

Puede navegar a través de todos los paquetes en GitHub y todos pueden ser instalado a través de npm. Tenga en cuenta que esto no es un marco de frontend simple como Bootstrap (aunque se parece mucho a su estilo). En cambio, esto es un Completa el enfoque React + Redux a los componentes frontend.

Tenga en cuenta que ya debería sentirse cómodo trabajando con los componentes React, instalando bibliotecas mediante npm y agregando enlaces a través de React Redux.

Todos esos proyectos son de código abierto y fáciles de agregar a su sitio. Componentes individuales tener sus propios archivos JS que puede agregar en el encabezado de su sitio. Y tu puedes navegar a través de todos los componentes en la página de GitHub si quieres aprender más.

Ejemplos en vivo y fragmentos de código fuente se puede encontrar aquí si desea sumergirse de inmediato. Y, por supuesto, si tiene preguntas o ideas para características técnicas, debe navegar por directorio de discusiones para más información. También puedes intentar enviar mensajes a los desarrolladores de CloudFlare o enviarles un tweet a @Cloudflare..