CloudFlare UI Framework per sviluppatori frontend

CloudFlare ha recentemente annunciato un'importante revisione del proprio sistema da Backbone a React.js. Questo è venuto con un framework interfaccia utente frontend aggiornato e il team ha deciso di aprirlo per tutti.

Il CloudFlare UI Framework, abbreviato CF-UI, è una libreria open source gratuita di codici frontend che può legare in un flusso di lavoro React.

La squadra è stata molto aperta riguardo alla loro mossa comprese altre tecnologie come Lerna.js per gestione del codice su più repository. Questa revisione è più profonda dei componenti superficiali, tuttavia questi componenti gratuiti possono fare una grande differenza nel flusso di lavoro.

CloudFlare aggiunto componenti personalizzati in una biblioteca insieme a test unitari per verificare la qualità del codice. Puoi vedere a dimostrazione dal vivo per tutti i componenti in questa pagina inclusi documentazione e frammenti di codice.

Tutto il codice è costruito con React, così estende le classi realizzato per componenti diversi come paginazione, menu a discesa, campi di inserimento e persino aree di copiatura automatica.

Puoi sfogliare tutti i pacchetti su GitHub e possono essere tutti installato via npm. Nota che questo non è un semplice framework di frontend come Bootstrap (anche se imita da vicino il loro stile). Invece, questo è un Completa l'approccio React + Redux per frontend componenti.

Nota che dovresti già sentirti a tuo agio lavorando con i componenti React, installando le librerie tramite npm e aggiungendo i collegamenti tramite React Redux.

Tutti questi progetti sono open source e facili da aggiungere al tuo sito. Componenti individuali hanno i loro file JS che puoi aggiungere nell'intestazione del tuo sito. E tu puoi sfoglia tutti i componenti nella pagina GitHub se vuoi saperne di più.

Esempi dal vivo e snippet di codice sorgente può essere trovato qui se vuoi immergerti direttamente. E, naturalmente, se hai domande o idee per le caratteristiche tecniche dovresti sfogliare directory delle discussioni per maggiori informazioni. Puoi anche provare a inviare messaggi a CloudFlare o inviare loro un tweet @Cloudflare.