Volný CloudFlare UI rámec pro vývojáře Frontend

CloudFlare nedávno oznámila zásadní přepracování svého systému od Backbone po React.js. To přišlo s aktualizovaný rámec UI rozhraní a tým se rozhodl otevřít zdroj pro každého.

CloudFlare UI Framework, zkráceně CF-UI, je bezplatná open source knihovna kódů frontend, které mohou spojit do pracovního postupu React.

Tým byl o svém pohybu velmi otevřený technologií například Lerna.js pro řízení kódu přes více repo operací. Tato generální oprava jde hlouběji než povrchové komponenty, ale tyto volné komponenty mohou ve vašem pracovním postupu znamenat obrovský rozdíl.

Přidán CloudFlare vlastní komponenty s knihovnou jednotkových testů pro kontrolu kvality kódu. Můžete vidět a živé demo pro všechny komponenty na této stránce včetně dokumentace a útržky kódu.

Celý kód je postaven s Reactem, tak, že rozšiřuje třídy pro různé komponenty, jako je stránkování, rozbalovací nabídky, vstupní pole a dokonce i automatické kopírování textareas.

Můžete procházet všechny balíčky na GitHub a mohou být všechny nainstalován přes npm. Všimněte si, že se nejedná o jednoduchý rámec frontendu jako Bootstrap (i když úzce napodobuje jejich styl). Místo toho je to kompletní přístup React + Redux na komponenty frontendu.

Měli byste se již cítit pohodlně s komponentami React, instalovat knihovny přes npm a přidávat vazby přes React Redux.

Všechny tyto projekty jsou open source a snadno se připojují na vaše stránky. Jednotlivé složky mají své vlastní soubory JS které můžete přidat do záhlaví vašeho webu. A ty můžeš procházet všechny komponenty na stránce GitHub, pokud se chcete dozvědět více.

Živé příklady a fragmenty zdrojového kódu najdete zde, pokud se chcete potápět přímo. A samozřejmě, pokud máte dotazy nebo nápady na technické funkce, měli byste procházet diskuse pro více informací. Můžete také zkusit zasílání zpráv CloudFlare devs nebo posílání tweetu @Cloudflare.