Nemokama „CloudFlare“ sąsaja su „Frontend Developers“

„CloudFlare“ neseniai paskelbė apie didelį jų sistemos pakeitimą nuo „Backbone“ iki „React.js“. Tai buvo su atnaujinta Frontend UI sistema ir komanda nusprendė ją atidaryti visiems.

The „CloudFlare“ sąsajos sąsaja, sutrumpintas CF-UI, yra nemokama atvirojo kodo biblioteka, kurioje gali būti kodų susieti į React darbo eigą.

Komanda buvo labai atvira savo judėjimui įskaitant kitas technologijas pvz., Lerna.js valdyti kodą keliuose repo. Šis kapitalinis remontas giliau nei paviršutiniški komponentai, tačiau šie nemokami komponentai gali labai pakeisti jūsų darbo eigą.

„CloudFlare“ pridėta pasirinktiniai komponentai kartu su biblioteka vieneto bandymai kodo kokybei patikrinti. Galite matyti a gyva demonstracija visų šio puslapio komponentų, įskaitant dokumentacija ir kodo fragmentai.

Visi kodai yra pastatytas su React, todėl pratęsia klases pagaminti skirtingiems komponentams, pvz., puslapių leidimui, išskleidžiamiesiems meniu, įvesties laukams ir netgi automatiniam kopijavimui.

Galite naršyti visus „GitHub“ paketus ir jie visi gali būti įdiegta per npm. Atkreipkite dėmesį, kad tai nėra paprastas „frontend“ sistema, pvz., „Bootstrap“ (nors ir glaudžiai imituoja jų stilių). Vietoj to, tai yra a „React + Redux“ metodas į priekinės dalies komponentus.

Atkreipkite dėmesį, kad jau turėtumėte jaustis patogiai dirbti su „React“ komponentais, įdiegdami bibliotekas per „npm“ ir prijungdami „React Redux“.

Visi šie projektai yra atviro kodo ir lengvai pridedami prie jūsų svetainės. Individualūs komponentai turėti savo JS failus kurį galite įtraukti į svetainės antraštę. Ir jūs galite naršykite visus komponentus GitHub puslapyje, jei norite sužinoti daugiau.

Gyvi pavyzdžiai ir šaltinio kodo fragmentai galite rasti čia, jei norite nardyti. Ir, žinoma, jei turite klausimų ar idėjų dėl techninių savybių, turėtumėte naršyti diskusijų katalogas daugiau informacijos. Taip pat galite pabandyti siųsti „CloudFlare devs“ pranešimus arba siųsti juos „@Cloudflare“.