Voľný rámec používateľského rozhrania CloudFlare pre vývojárov Frontend

Spoločnosť CloudFlare nedávno oznámila rozsiahlu rekonštrukciu svojho systému od Backbone po React.js. To prišlo s aktualizovaný rámec používateľského rozhrania frontend a tím sa rozhodol otvoriť zdroj pre každého.

CloudFlare UI Framework, skrátene CF-UI, je bezplatná open source knižnica frontend kódov, ktoré môžu väzba do pracovného toku React.

Tím bol veľmi otvorený svojmu pohybu vrátane iných technológií ako napríklad Lerna.js pre spravovanie kódu pre viacero repasov. Táto generálna oprava prechádza hlbšie ako povrchné komponenty, ale tieto voľné komponenty môžu mať obrovský rozdiel vo vašom pracovnom toku.

Pridal CloudFlare vlastné komponenty do knižnice spolu s jednotkové testy na kontrolu kvality kódu. Môžete vidieť a živé demo pre všetky komponenty na tejto stránke vrátane dokumentácia a fragmenty kódu.

Celý kód je postavený s React, tak to rozširuje triedy pre rôzne komponenty, ako je stránkovanie, rozbaľovacie ponuky, vstupné polia a dokonca aj automatické kopírovanie textu.

Môžete prechádzať cez všetky balíky na GitHub a môžu byť všetky inštalované cez npm. Všimnite si, že to nie je jednoduchý rámec frontend ako Bootstrap (aj keď to úzko napodobňuje ich štýl). Namiesto toho je to dokončite React + Redux prístup na komponenty frontend.

Všimnite si, že by ste sa už mali cítiť dobre pracovať s komponentami React, inštaláciou knižníc pomocou npm a pridaním väzieb cez React Redux.

Všetky tieto projekty sú otvorené a ľahko sa pripoja na vaše stránky. Jednotlivé komponenty mať svoje vlastné JS súbory ktoré môžete pridať do záhlavia vášho webu. A vy môžete prehľadajte všetky komponenty na stránke GitHub, ak sa chcete dozvedieť viac.

Živé príklady a úryvky zdrojového kódu nájdete tu, ak sa chcete potápať priamo. A samozrejme, ak máte otázky alebo nápady na technické funkcie, mali by ste prechádzať adresár diskusií pre viac informácií. Môžete tiež vyskúšať posielanie správ CloudFlare devs alebo ich poslať tweet @Cloudflare.