Free CloudFlare UI Framework pentru dezvoltatorii Frontend

CloudFlare a anunțat recent o revizuire majoră a sistemului lor de la Backbone la React.js. A venit cu un actualizat cadrul de interfață interfață iar echipa a decis să deschidă sursa pentru toată lumea.

CloudFlare UI Framework, abreviat CF-UI, este o librărie liberă open source a codurilor frontend care pot legați-vă într-un flux de lucru React.

Echipa a fost foarte deschisă cu privire la mișcarea lor inclusiv alte tehnologii cum ar fi Lerna.js pentru gestionarea codului pe mai multe repo-uri. Această revizie merge mai adânc decât componentele superficiale, însă aceste componente gratuite pot aduce o mare diferență în fluxul de lucru.

A adăugat CloudFlare componente personalizate într-o bibliotecă împreună cu teste unitare pentru verificarea calității codului. Puteți vedea a live demo pentru toate componentele de pe această pagină, inclusiv documentație și fragmente de cod.

Toate codurile sunt construit cu React, așa că extinde clasele pentru componente diferite, cum ar fi paginare, meniuri derulante, câmpuri de intrare și chiar textarea automată a copierii.

Puteți naviga prin toate pachetele de pe GitHub și pot fi toate instalat prin npm. Rețineți că acest lucru nu este un cadru frontal simplu, cum ar fi Bootstrap (deși acesta imită strict stilul lor). În schimb, acest lucru este a abordare completă React + Redux pentru componentele frontend.

Rețineți că trebuie să vă simțiți confortabil să lucrați cu componentele React, să instalați biblioteci prin intermediul npm și să adăugați legături prin React Redux.

Toate aceste proiecte sunt open source și ușor de adăugat pe site-ul dvs. Componente individuale au propriile fișiere JS pe care le puteți adăuga în antetul site-ului dvs. Si tu poti navigați prin toate componentele pe pagina GitHub dacă doriți să aflați mai multe.

Exemple live și codurile sursă pot fi găsite aici dacă doriți să vă scufundați direct. Și, bineînțeles, dacă aveți întrebări sau idei despre caracteristicile tehnice, ar trebui să căutați director de discuții pentru mai multe informatii. De asemenea, puteți încerca să trimiteți mesaje CloudFlare devs sau să le trimiteți un tweet @Cloudflare.