Tasuta CloudFlare kasutajaliidese raamistik Frontend Developers jaoks

CloudFlare teatas hiljuti oma süsteemi põhjalikust uuendamisest alates selgroost kuni React.js. See tuli koos uuendatud kasutajaliidese kasutajaliidese raamistik ja meeskond otsustas selle avada kõigile.

The CloudFlare'i kasutajaliidese raamistik, lühendatud CF-UI, on tasuta avatud lähtekoodiga raamatukogu, mis võib sisaldada frontendikoode siduda React töövoogu.

Meeskond on oma liikumise suhtes väga avatud sealhulgas muud tehnoloogiad näiteks Lerna.js jaoks koodi haldamine mitmete repode kaudu. See kapitaalremont läheb sügavamale kui pealiskaudsed komponendid, kuid need vabad komponendid võivad teie töövoogu oluliselt muuta.

CloudFlare lisas kohandatud komponendid koos raamatukoguga üksuste testid koodi kvaliteedi kontrollimiseks. Näete a live demo kõigi selle lehe komponentide kohta, sh dokumentatsioon ja koodilõigud.

Kõik kood on ehitatud Reactiga, nii see laiendab klassid tehtud erinevate komponentide jaoks, nagu näiteks lehestamine, rippmenüüd, sisendväljad ja isegi teksti kopeerimine.

Kõiki GitHubi pakette saab sirvida ja nad võivad kõik olla paigaldatud npm kaudu. Pange tähele, et see pole lihtne esipaneeli raamistik, nagu Bootstrap (kuigi see jäljendab nende stiili). Selle asemel on see a täielik React + Redux lähenemine esipaneeli komponentidele.

Pange tähele, et peaksite juba tundma end mugavalt React'i komponentidega töötades, raamatukogude installimisel npm kaudu ja sidemete lisamisega React Reduxi kaudu.

Kõik need projektid on avatud lähtekoodiga ja saidile kergesti lisatavad. Üksikud komponendid neil on oma JS-failid mida saate oma saidi päisesse lisada. Ja sa saad sirvige kõiki komponente GitHubi lehel, kui soovite rohkem teada saada.

Elavad näited ja lähtekoodi väljavõtted leiad siit, kui soovid sukelduda. Ja muidugi, kui teil on küsimusi või ideid tehniliste omaduste kohta, peaksite sirvima arutelude kataloog lisateabe saamiseks. Sa võid proovida ka sõnumside CloudFlare devsi või saata neile piiksuma @Cloudflare.