2 个仓库
Toolkits specifically designed for React to implement responsive design via media query detection.
Distinct from React Libraries: Focuses on the React-specific implementation of media queries, distinct from general CSS utilities or polyfills.
Explore 2 awesome GitHub repositories matching web development · React Media Query Libraries. Refine with filters or upvote what's useful.
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
Provides a specialized tool for implementing responsive design in React using CSS media queries.
Autotrack 是一个用于 Google Analytics 的 JavaScript 库,可自动捕获用户交互和页面参与度。它提供了一个声明式分析实现系统,允许通过 HTML 属性跟踪 Web 事件,从而避免为每次交互编写自定义 JavaScript。 该项目包含一个分析包生成器,用于创建仅包含项目所需特定跟踪插件的最小化 JavaScript 文件。它还作为一个单页应用(SPA)跟踪器,监控浏览器历史记录的变化以记录虚拟页面浏览量。 该库涵盖了广泛的参与度衡量能力,包括跟踪滚动深度、元素可见性和媒体查询状态。它还提供了 Web 分析数据标准化工具,例如过滤 URL 参数和标准化路径以防止重复条目。
Records which media queries match and when those matches change based on the browser window size.