Kostenloses CloudFlare UI Framework für Frontend-Entwickler

CloudFlare hat kürzlich eine umfassende Überarbeitung des Systems angekündigt von Backbone bis React.js. Das kam mit einem Aktualisiertes Frontend-UI-Framework und das Team beschloss, es für jedermann zu öffnen.

Das CloudFlare UI Framework, abgekürzt CF-UI, ist eine freie Open Source-Bibliothek mit Frontend-Codes, die das können in einen React-Workflow einbinden.

Das Team war sehr offen über ihren Umzug einschließlich anderer Technologien wie Lerna.js für Code für mehrere Repos verwalten. Diese Überarbeitung geht tiefer als nur oberflächliche Komponenten, doch diese kostenlosen Komponenten können Ihren Workflow erheblich verändern.

CloudFlare hinzugefügt benutzerdefinierte Komponenten in eine Bibliothek zusammen mit Unit-Tests zur Überprüfung der Codequalität. Sie können ein sehen Live-Demo für alle Komponenten auf dieser Seite einschließlich Dokumentation und Code Ausschnitte.

Aller Code ist gebaut mit React, so dass es erweitert den Unterricht Für verschiedene Komponenten wie Seitenumbruch, Dropdown-Menüs, Eingabefelder und sogar für das automatische Kopieren von Textbereichen.

Sie können alle Pakete auf GitHub durchsuchen und sie können alle sein über npm installiert. Beachten Sie, dass dies kein einfaches Frontend-Framework wie Bootstrap ist (auch wenn es dem Stil sehr nahe kommt). Stattdessen ist dies ein kompletter Ansatz von React + Redux zu Frontend-Komponenten.

Beachten Sie, dass Sie sich bereits jetzt wohl fühlen sollten, wenn Sie mit React-Komponenten arbeiten, Bibliotheken über npm installieren und Bindungen über React Redux hinzufügen.

Alle diese Projekte sind Open Source und können leicht in Ihre Site eingefügt werden. Einzelkomponenten haben ihre eigenen JS-Dateien die Sie in den Header Ihrer Site einfügen können. Und du kannst Durchsuchen Sie alle Komponenten auf der GitHub-Seite, wenn Sie mehr erfahren möchten.

Live-Beispiele und Quellcode-Schnipsel finden Sie hier, wenn Sie direkt eintauchen möchten. Wenn Sie Fragen oder Anregungen zu technischen Funktionen haben, sollten Sie natürlich die Diskussionsverzeichnis Für mehr Information. Sie können auch versuchen, CloudFlare-Entwickler zu benachrichtigen oder ihnen einen Tweet @Cloudflare zu senden.