CloudFlare UI Framework per sviluppatori frontend

CloudFlare ha recentemente annunciato un'importante revisione del proprio sistema da Backbone a React.js . Ciò è avvenuto con una struttura dell'interfaccia utente frontend aggiornata e il team ha deciso di aprirlo per tutti.

Il framework UI CloudFlare, CF-UI abbreviato, è una libreria open source gratuita di codici frontend che può essere associata a un flusso di lavoro React .

Il team è stato molto aperto sulla propria mossa, tra cui altre tecnologie come Lerna.js per la 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 ha aggiunto componenti personalizzati in una libreria insieme a test unitari per il controllo della qualità del codice. Puoi vedere una demo live per tutti i componenti in questa pagina, inclusi documentazione e frammenti di codice .

Tutto il codice è costruito con React, quindi estende classi create per componenti diversi come paginazione, menu a tendina, campi di input e persino pagine di copiatura automatica.

Puoi sfogliare tutti i pacchetti su GitHub e possono essere tutti installati tramite npm . Nota che questo non è un semplice framework di frontend come Bootstrap (anche se imita da vicino il loro stile). Invece, questo è un approccio completo React + Redux ai componenti front-end.

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. I singoli componenti hanno i propri file JS che puoi aggiungere nell'intestazione del tuo sito. E puoi sfogliare tutti i componenti nella pagina GitHub se vuoi saperne di più.

Esempi di live frammenti di codice sorgente possono essere trovati qui se vuoi immergerti direttamente. E, naturalmente, se hai domande o idee per le caratteristiche tecniche, devi consultare la directory delle discussioni per maggiori informazioni. Puoi anche provare a inviare messaggi a CloudFlare o inviare loro un tweet @Cloudflare.