Besplatno CloudFlare UI okvir za Frontend programere

CloudFlare je nedavno najavio veliki remont svog sustava od Backbone do React.js. Ovo je došlo s ažurirani okvir korisničkog sučelja i tim je odlučio otvoriti izvor za sve.

CloudFlare UI okvir, skraćeno CF-UI, je besplatna otvorena biblioteka izvornih kodova koji mogu vezati se za radni tijek React.

Tim je bio vrlo otvoren za svoj potez uključujući i druge tehnologije kao što je Lerna.js za upravljanje kodom na više repozitiva. Ovaj remont ide dublje od površinskih komponenti, ali te besplatne komponente mogu napraviti veliku razliku u vašem tijeku rada.

Dodan je CloudFlare prilagođene komponente zajedno s knjižnicom jedinice ispitivanja za provjeru kvalitete koda. Možete vidjeti a demo uživo za sve komponente na ovoj stranici, uključujući dokumentacija i isječke koda.

Sav kod je izgrađena s React, tako to proširuje nastavu napravljene za različite komponente kao što su paginacija, padajući izbornici, polja za unos, pa čak i automatsko kopiranje tekstualnih područja.

Možete pregledavati sve pakete na GitHubu i svi oni mogu biti instaliran putem npm. Primijetite da to nije jednostavan okvir okvira kao što je Bootstrap (iako usko oponaša njihov stil). Umjesto toga, ovo je potpuni pristup React + Redux za frontendiranje komponenti.

Imajte na umu da biste se već trebali osjećati ugodno raditi s komponentama React, instalirati knjižnice putem npm-a i dodavati povezivanja pomoću značajke React Redux.

Svi ti projekti otvorenog su koda i lako se dodaju na vašu web-lokaciju. Pojedinačne komponente imati vlastite JS datoteke koje možete dodati u zaglavlje svoje web-lokacije. I možete pregledajte sve komponente na stranici GitHub ako želite saznati više.

Primjeri uživo i isječke izvornog koda možete pronaći ovdje ako želite uroniti. I, naravno, ako imate pitanja ili ideje za tehničke značajke, trebate pregledati u imeniku za više informacija. Također možete pokušati slati poruke CloudFlare Devs ili ih slati tweetu @Cloudflare.