Gratis CloudFlare UI Framework for Frontend Developers

CloudFlare annoncerede for nylig en omfattende revision af deres system fra rygraden til React.js. Dette kom med en opdateret frontend-brugergrænseflade og holdet besluttede at åbne det for alle.

Det CloudFlare UI Framework, forkortet CF-UI, er et gratis open source bibliotek med frontend-koder, der kan binde i en reaktions-arbejdsgang.

Holdet har været meget åbent om deres træk herunder andre teknologier som Lerna.js for styring af kode på tværs af flere reposer. Denne overhaling går dybere end overfladiske komponenter, men disse gratis komponenter kan gøre en stor forskel i din arbejdsgang.

CloudFlare tilføjet brugerdefinerede komponenter ind i et bibliotek sammen med enhedsprøver for at kontrollere kodekvaliteten. Du kan se en live demo for alle komponenter på denne side inklusive dokumentation og kodeuddrag.

Alle kode er bygget med React, så det udvider klasser lavet til forskellige komponenter som pagination, dropdown-menuer, inputfelter og endda automatisk kopiering af tekstområder.

Du kan gennemse alle pakker på GitHub, og de kan alle være installeret via npm. Bemærk, at dette ikke er en simpel frontend-ramme som Bootstrap (selvom den nærmer sig deres stil). I stedet er dette en komplet React + Redux tilgang til frontend komponenter.

Bemærk, at du allerede skal føle dig komfortabel med at arbejde med React-komponenter, installere biblioteker via npm og tilføje bindinger gennem React Redux.

Alle disse projekter er open source og er let at tilføje til dit websted. Individuelle komponenter har deres egne JS-filer som du kan føje til dit websteds overskrift. Og du kan Gennemse alle komponenter på GitHub-siden, hvis du vil lære mere.

Live eksempler og kildekodeuddrag kan findes her, hvis du vil dykke lige ind. Og selvfølgelig, hvis du har spørgsmål eller ideer til tekniske funktioner, skal du gennemse diskussionsmappe for mere info. Du kan også prøve at sende CloudFlare devs eller sende dem en tweet @Cloudflare.