Awesome GitHub RepositoriesReact Media Query Libraries

react-responsive is a media query library for React used to implement responsive design by conditionally rendering components based on viewport dimensions. It provides hooks and utilities for viewport detection and monitoring screen characteristics and orientation changes. The library includes a server-side rendering mock and device simulation capabilities. These allow for the manual override of device settings via properties or context to ensure consistent rendering during server-side operations and to facilitate automated UI testing. The project covers device characteristic detection and v

Autotrack ist eine JavaScript-Bibliothek für Google Analytics, die Benutzerinteraktionen und Seiten-Engagement automatisch erfasst. Sie bietet ein System für deklarative Analytics-Implementierung, das es ermöglicht, Web-Events über HTML-Attribute zu tracken, um nicht für jede Interaktion benutzerdefiniertes JavaScript schreiben zu müssen. Das Projekt enthält einen Analytics-Bundle-Generator, um minimierte JavaScript-Dateien zu erstellen, die nur die für ein Projekt erforderlichen Tracking-Plugins enthalten. Es fungiert zudem als Single-Page-Application-Tracker, der Änderungen am Browserverlauf überwacht, um virtuelle Pageviews aufzuzeichnen. Die Bibliothek deckt ein breites Spektrum an Engagement-Messfunktionen ab, einschließlich des Trackings von Scrolltiefe, Element-Sichtbarkeit und Media-Query-Zuständen. Sie bietet zudem Tools zur Normalisierung von Web-Analytics-Daten, wie das Filtern von URL-Parametern und die Standardisierung von Pfaden, um doppelte Einträge zu vermeiden.