Gratis CloudFlare UI Framework för Frontend Developers

CloudFlare tillkännagav nyligen en större översyn av deras system från Ryggraden till React.js. Detta kom med en uppdaterad frontend UI-ram och laget bestämde sig för att öppna källan för alla.

De CloudFlare UI Framework, förkortad CF-UI, är ett gratis open source-bibliotek med frontendkoder som kan knyta till ett React-arbetsflöde.

Laget har varit väldigt öppet om sitt drag inklusive annan teknik som Lerna.js för hantera kod över flera repos. Denna översyn går djupare än ytliga komponenter, men dessa fria komponenter kan göra en stor skillnad i ditt arbetsflöde.

CloudFlare tillagd anpassade komponenter in i ett bibliotek tillsammans med enhetstester för kontroll av kodkvalitet. Du kan se en live-demo för alla komponenter på denna sida inklusive dokumentation och kod snippets.

All kod är byggd med React, så det utökar klasser gjord för olika komponenter som pagination, rullgardinsmenyer, inmatningsfält och till och med autokopierande textområden.

Du kan bläddra igenom alla paket på GitHub och de kan alla vara installerad via npm. Observera att detta inte är en enkel frontend-ram som Bootstrap (även om den nästan efterliknar deras stil). I stället är detta en komplett React + Redux-tillvägagångssätt till frontend komponenter.

Observera att du redan bör känna dig bekväm med att arbeta med React-komponenter, installera bibliotek via npm och lägga till bindningar genom React Redux.

Alla dessa projekt är öppen källkod och lätt att lägga till på din webbplats. Individuella komponenter har egna JS-filer som du kan lägga till i sidans rubrik. Och du kan bläddra igenom alla komponenter på GitHub-sidan om du vill lära dig mer.

Levande exempel och källkodsutdrag hittar du här om du vill dyka rätt in. Och, om du har frågor eller idéer för tekniska funktioner, ska du bläddra i diskussionsförteckning för mer information. Du kan också försöka meddela CloudFlare devs eller skicka dem en tweet @Cloudflare.