Gratis CloudFlare UI Framework voor ontwikkelaars van frontends

CloudFlare heeft onlangs een ingrijpende vernieuwing van hun systeem aangekondigd van Backbone tot React.js. Dit kwam met een bijgewerkt front-end UI-framework en het team besloot om het voor iedereen te openen.

De CloudFlare UI Framework, afgekort CF-UI, is een gratis open source-bibliotheek met frontend-codes die dat wel kunnen aansluiten op een React-workflow.

Het team was erg open over hun verhuizing inclusief andere technologieën zoals Lerna.js voor code beheren over meerdere repo's. Deze revisie gaat dieper dan oppervlakkige componenten, maar deze gratis componenten kunnen een enorm verschil maken in uw workflow.

CloudFlare toegevoegd aangepaste componenten in een bibliotheek samen met unit tests voor het controleren van de codekwaliteit. Je kunt een zien live demonstratie voor alle componenten op deze pagina inclusief documentatie en codefragmenten.

Alle code is gebouwd met React, zo breidt lessen uit gemaakt voor verschillende componenten, zoals paginering, vervolgkeuzemenu's, invoervelden en zelfs autokopieerbare tekstgebieden.

Je kunt door alle pakketten bladeren op GitHub en dat kunnen ze allemaal zijn geïnstalleerd via npm. Merk op dat dit geen eenvoudig frontend framework is zoals Bootstrap (hoewel het hun stijl nauw nabootst). In plaats daarvan is dit een complete React + Redux-aanpak om componenten te frontend.

Merk op dat je je al comfortabel voelt om met React-componenten te werken, bibliotheken via npm te installeren en bindingen toe te voegen via React Redux.

Al die projecten zijn open source en kunnen eenvoudig worden toegevoegd aan uw site. Individuele onderdelen hebben hun eigen JS-bestanden die u kunt toevoegen aan de header van uw site. En jij kan blader door alle componenten op de GitHub-pagina als je meer wilt weten.

Live voorbeelden en broncodefragmenten kun je hier vinden als je er meteen in wilt duiken. En als je natuurlijk vragen of ideeën hebt over technische functies, moet je de discussiegids voor meer informatie. Je kunt ook proberen om CloudFlare-ontwikkelaars een bericht te sturen of een tweet @Cloudflare te sturen.