Bezmaksas CloudFlare UI ietvars Frontend Developers

CloudFlare nesen paziņoja par savas sistēmas būtisku pārskatīšanu no Backbone uz React.js. Tas notika ar atjauninātā frontend UI sistēma un komanda nolēma to atvērt visiem.

The CloudFlare UI Framework, saīsināts CF-UI, ir bezmaksas atvērtā pirmkoda bibliotēka, kas var būt piesaistīt React darbplūsmai.

Komanda ir bijusi ļoti atvērta par savu kustību ieskaitot citas tehnoloģijas piemēram, Lerna.js pārvaldīt kodu vairākos repos. Šis kapitālais remonts ir dziļāks nekā virspusēji komponenti, tomēr šie brīvie komponenti var ievērojami mainīt jūsu darbplūsmu.

CloudFlare pievienots pielāgoti komponenti kopā ar vienības pārbaudes lai pārbaudītu kodu kvalitāti. Jūs varat redzēt a tiešraides demonstrācija visām šīs lapas sastāvdaļām, ieskaitot dokumentācija un koda fragmenti.

Visi kods ir būvēts ar React, tāpēc tas paplašina klases izgatavoti dažādām sastāvdaļām, piemēram, lapošana, nolaižamās izvēlnes, ievades lauki un pat automātiska kopēšana.

Jūs varat pārlūkot visus GitHub iepakojumus un tie visi var būt uzstādīts caur npm. Ņemiet vērā, ka tas nav vienkāršs priekšplāna ietvars, piemēram, Bootstrap (lai gan tas ļoti atdarina to stilu). Tā vietā tas ir a pabeigt React + Redux pieeju uz frontend komponentiem.

Ņemiet vērā, ka jau jūtaties ērti strādājot ar React komponentiem, instalējot bibliotēkas, izmantojot npm, un pievienojot saites ar React Redux.

Visi šie projekti ir atvērtā koda un viegli pievienojami jūsu vietnei. Atsevišķi komponenti ir savi JS faili kuru varat pievienot vietnes galvenē. Un jūs varat pārlūkot visas sastāvdaļas GitHub lapā, ja vēlaties uzzināt vairāk.

Dzīvi piemēri un pirmkodu fragmenti Jūs varat atrast šeit, ja vēlaties ienirt pa labi. Un, protams, ja jums ir jautājumi vai idejas par tehniskām funkcijām, jums vajadzētu pārlūkot diskusiju katalogs lai iegūtu vairāk informācijas. Jūs varat arī izmēģināt ziņojumapmaiņas CloudFlare devs vai nosūtīt tos čivināt @ Cloudflare.