Gratis CloudFlare UI Framework for Frontend Developers
CloudFlare kunngjorde nylig en omfattende revisjon av deres system fra ryggraden til React.js. Dette kom med en oppdatert frontend UI rammeverk og laget bestemte seg for å åpne den for alle.
De CloudFlare UI Framework, forkortet CF-UI, er et gratis åpen kildekode-bibliotek med frontend-koder som kan knytte seg til en React-arbeidsflyt.
Laget har vært veldig åpent om deres trekk inkludert andre teknologier for eksempel Lerna.js for administrerende kode på tvers av flere repos. Denne revisjonen går dypere enn overfladiske komponenter, men disse gratis komponentene kan gjøre en stor forskjell i arbeidsflyten din.
CloudFlare er lagt til egendefinerte komponenter inn i et bibliotek sammen med enhetstester for å kontrollere kodekvaliteten. Du kan se en live demo for alle komponentene på denne siden inkludert dokumentasjon og kodebiter.
Alle koden er bygget med React, så det utvider klasser laget for forskjellige komponenter som paginering, rullegardinmenyer, inputfelt og til og med automatisk kopiering av tekstområder.
Du kan bla gjennom alle pakkene på GitHub og de kan alle være installert via npm. Merk dette er ikke et enkelt frontend-rammeverk som Bootstrap (selv om det nøyaktig etterligner stilen deres). I stedet er dette en fullfør React + Redux tilnærming til frontend komponenter.
Merk at du allerede bør føle deg komfortabel med å arbeide med React-komponenter, installere biblioteker via npm, og legge til bindinger gjennom React Redux.
Alle disse prosjektene er åpen kildekode og enkelt å legge til på nettstedet ditt. Individuelle komponenter Har egne JS-filer som du kan legge til i sidens overskrift. Og du kan bla gjennom alle komponentene på GitHub-siden hvis du vil lære mer.
Live eksempler og kildekodeutdrag kan du finne her hvis du vil dykke rett inn. Og selvfølgelig, hvis du har spørsmål eller ideer til tekniske funksjoner, bør du bla gjennom diskusjonskatalog for mer info. Du kan også prøve å sende CloudFlare devs eller sende dem en tweet @Cloudflare.
