Marco de interfaz de usuario de CloudFlare gratuito para desarrolladores frontend

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

CloudFlare UI Framework, abreviado CF-UI, es una biblioteca de código abierto de código abierto que puede vincularse con un flujo de trabajo de React .

El equipo ha sido muy abierto acerca de su movimiento, incluidas otras tecnologías como Lerna.js para administrar el código en varios repositorios . Esta revisión es más profunda que los componentes superficiales, sin embargo, estos componentes gratuitos pueden marcar una gran diferencia en su flujo de trabajo.

CloudFlare agregó componentes personalizados en una biblioteca junto con pruebas unitarias para verificar la calidad del código. Puede ver una demostración en vivo de todos los componentes en esta página, incluida la documentación y los fragmentos de código .

Todo el código se genera con React, por lo que amplía las clases creadas para diferentes componentes, como paginación, menús desplegables, campos de entrada e incluso áreas de texto autocopiantes.

Puede navegar a través de todos los paquetes en GitHub y todos pueden instalarse a través de npm . Tenga en cuenta que este no es un framework de frontend simple como Bootstrap (aunque imita fielmente su estilo). En cambio, este es un enfoque completo de React + Redux para los componentes frontend.

Tenga en cuenta que ya debería sentirse cómodo trabajando con los componentes de React, instalando bibliotecas vía 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. Los componentes individuales tienen sus propios archivos JS que puede agregar al encabezado de su sitio. Y puede navegar por todos los componentes en la página de GitHub si desea obtener más información.

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