Downloads 17.08.2020, 00:00 Uhr

Wie heißt der Song?

Komponenten für React im Schwerpunkt und eine Audio-Suchmaschine.
(Quelle: dotnetpro)
Rote Ampel. Offene Fenster. Und im Autoradio nebenan läuft das Stück, das man schon seit Wochen sucht. Inzwischen gibt es Apps, die Musiktitel ziemlich gut erkennen können. Solange nur die Nebengeräusche nicht zu laut sind, sind die Erfolge damit begeisternd groß. Was aber, wenn spezielle Audiodateien erkannt werden sollen? In diesem Fall hilft die Bibliothek Soundfingerprinting weiter. Sie ist in der Lage, Hashes für Audiofiles zu erzeugen und anhand eines Samples dann den passenden Hash zu finden. In einem kurzen Test funktionierte das sehr gut. Sogar von hinzugemixter Verzerrung und eingefügtem Echo ließ sich der Algorithmus nicht täuschen und fand das richtige Soundfile. Die folgenden Zeilen fügen der In-Memory-Datenbank zuerst die Hashes der drei Dateien hinzu. Anschließend sucht der Algorithmus nach einem passenden File und wird auch fündig.
Schwerpunkt
React bootstrap

React-Bootstrap ersetzt Bootstrap JavaScript. Jede Komponente wurde von Scratch als echte React-Komponente ohne unnötige Dependencies wie jQuery erstellt.

https://react-bootstrap.github.io
Semantic UI React

Semantic UI ist eine jQuery-basierte Library, die zusätzliche Funktionalität zu Ihrer Pipeline hinzufügt.

https://semantic-ui.com/introduction/getting-started.html
Fluent UI React

Fluent UI React ist eine Sammlung robuster React-basierter Komponenten, entworfen für einfaches Erstellen konsistenter Weberfahrungen unter Verwendung der Fluent Design Language.

https://github.com/microsoft/fluentui
OnsenUI

Onsen ist eine Komponentenbibliothek für Mobile-first Design. Sie wurde komplett in JavaScript geschrieben und hat keine großen Framework-Dependencies. Es ist also nicht strikt eine React-basierte Library, man kann sie auch mit jedem der größeren UI-Frameworks verwenden.

https://blog.bitsrc.io/13-top-react-component-libraries-for-2020-488cc810ca49
Blueprint

Dieses Projekt legt den Fokus auf die Entwicklung daten-intensiver Desktopanwendungen, die auf moderner Browsern laufen.

https://blueprintjs.com/
react-desktop

react-desktop ist eine JavaScript-Library für Facebooks React Library, die eine native Desktoperfahrung ins Web bringen soll. Sie wird durch viele macOS Sierra- und Windows 10-Komponenten unterstützt. react-desktop arbeitet perfekt mit NW.js und Electron.js, kann aber in jedem von JavaScript unterstützten Projekt verwendet werden.

http://reactdesktop.js.org
React Native

React Native bringt Reacts deklaratives UI-Framework zu iOS und Android. Mit React Native verwenden Sie native UI-Controls und haben vollen Zugang zur nativen Plattform.

https://github.com/facebook/react-native
ReactiveUI

ReactiveUI ist ein zusammensetzbares, plattformübergreifendes Model-View-Viewmodel-Framework für alle .NET-Plattformen, inspiriert durch funktionelle und reaktive Programmierung.

https://github.com/reactiveui/ReactiveUI
React Toolbox

React Toolbox ist eine Sammlung von React-Komponenten, die Googles Material-Design-Spezifikation implemetieren. Sie wird unterstützt durch CSS-Module und harmonisch integriert in Ihren Webpack-Workflow, obwohl Sie jeden anderen Modulebundler verwenden können.

https://github.com/react-toolbox/react-toolbox
Draft.js

Draft.js ist ein JavaScript Rich-Text-Editor-Framework, das für React erstellt wurde.

https://github.com/facebook/draft-js
Gatsby

Gatsby ist ein freies, Open-Source-Framework basierend auf React, das Entwicklern beim Erstellen extrem schneller Websites und Apps hilft.

https://github.com/gatsbyjs/gatsby
React Native Firebase

React Native Firebase ist eine Sammlung offizieller React Native Module, um Sie mit den Firebase-Diensten zu verbinden; jedes Modul ist ein kleiner JavaScript-Layer, der Sie mit den nativen Firebase SDKs sowohl für iOS als auch Android verbindet.

https://github.com/invertase/react-native-firebase
react-jsonschema-form

Eine einfache React-Komponente, die fähig ist, JSON-Schema zu verwenden, um Web Forms deklarativ zu erstellen und anzupassen.

https://github.com/rjsf-team/react-jsonschema-form
React Native WebView

React Native WebView ist eine moderne, gut unterstützte plattformübergreifende WebView für React Native. Es soll ein Ersatz für das eingebaute WebView sein, das entfernt werden wird.

https://github.com/react-native-community/react-native-webview
ReactiveTrader

Reactive Trader ist eine client-server Applikation, die einige Probleme aufzeigt, die beim Erstellen reaktiver oder ereignisgesteuerter Anwenderschnittstellen auftreten.

https://github.com/AdaptiveConsulting/ReactiveTrader

Jetzt 1 Monat kostenlos testen!

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt dotnetpro-plus-Kunde.
  • + Digitales Kundenkonto,
  • + Zugriff auf das digitale Heft,
  • + Zugang zum digitalen Heftarchiv,
  • + Auf Wunsch: Weekly Newsletter,
  • + Sämtliche Codebeispiele im digitalen Heftarchiv verfügbar