de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Kostenloses CloudFlare UI Framework für Frontend-Entwickler

CloudFlare hat kürzlich eine umfassende Überarbeitung seines Systems von Backbone auf React.js angekündigt . Dies kam mit einem aktualisierten Frontend UI Framework und das Team beschloss, es für alle zu öffnen.

Das CloudFlare UI Framework, abgekürzt CF-UI, ist eine kostenlose Open Source-Bibliothek von Frontend-Codes, die in einen React-Workflow eingebunden werden kann .

Das Team war sehr offen über ihren Umzug, einschließlich anderer Technologien wie Lerna.js für die Verwaltung von Code über mehrere Repos hinweg . Diese Überarbeitung geht tiefer als oberflächliche Komponenten, aber diese freien Komponenten können einen großen Unterschied in Ihrem Workflow machen.

CloudFlare fügte benutzerdefinierte Komponenten zusammen mit Komponententests zur Überprüfung der Codequalität in eine Bibliothek ein. Sie können eine Live-Demo für alle Komponenten auf dieser Seite anzeigen, einschließlich Dokumentation und Code-Snippets .

Der gesamte Code wird mit React erstellt, sodass Klassen für verschiedene Komponenten wie Paginierung, Dropdown-Menüs, Eingabefelder und sogar automatisch kopierte Textbereiche erweitert werden.

Sie können alle Pakete auf GitHub durchsuchen und sie können alle über npm installiert werden . Beachten Sie, dass es sich hierbei nicht um ein einfaches Frontend-Framework wie Bootstrap handelt (obwohl es seinen Stil genau nachahmt). Stattdessen ist dies ein vollständiger React + Redux-Ansatz für Frontend-Komponenten.

Beachten Sie, dass Sie sich bereits mit der Arbeit mit React-Komponenten, dem Installieren von Bibliotheken über npm und dem Hinzufügen von Bindungen durch React Redux vertraut fühlen sollten.

All diese Projekte sind Open Source und einfach in Ihre Site zu integrieren. Einzelne Komponenten haben ihre eigenen JS-Dateien, die Sie der Kopfzeile Ihrer Site hinzufügen können. Sie können alle Komponenten auf der GitHub-Seite durchsuchen, wenn Sie mehr erfahren möchten.

Live-Beispiele und Quellcode-Snippets finden Sie hier, wenn Sie direkt in das Programm eintauchen möchten. Wenn Sie Fragen oder Ideen zu technischen Features haben, sollten Sie natürlich im Diskussionsverzeichnis nach weiteren Informationen suchen. Sie können auch versuchen, CloudFlare-Entwickler zu benachrichtigen oder ihnen einen Tweet @Cloudflare zu senden.

Alles über Microsoft Surface Laptop und Windows 10 S

Alles über Microsoft Surface Laptop und Windows 10 S

Nur wenige Wochen bevor Microsofts Build 2017 stattfinden sollte, veranstaltete das Unternehmen eine spezielle #MicrosoftEDU-Veranstaltung, bei der zwei neue Produkte eingeführt wurden, die auf die Bildungsindustrie ausgerichtet sind. Der erste ist der völlig neue Surface Laptop, während der zweite eine neue Variante von Windows 10 namens Windows 10 S ist. M

(Tech- und Design-Tipps)

10 Apps zur Verbesserung Ihrer Instagram-Erfahrung auf Android

10 Apps zur Verbesserung Ihrer Instagram-Erfahrung auf Android

Instagram gibt es schon seit einiger Zeit und hat sich auf jeder Plattform, auf der es veröffentlicht wurde, zu einer der weltweit beliebtesten Photo-Sharing-Apps entwickelt. Aber wie viele Apps hat es seine Eigenheiten und kleinen Ärgernisse, die einen wünschen, dass es irgendwo eine bessere Alternative gibt.In

(Tech- und Design-Tipps)