awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

2 个仓库

Awesome GitHub RepositoriesReact Media Query Libraries

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.

Awesome React Media Query Libraries GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • yocontra/react-responsiveyocontra 的头像

    yocontra/react-responsive

    7,171在 GitHub 上查看↗

    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.

    TypeScriptreact
    在 GitHub 上查看↗7,171
  • googleanalytics/autotrackgoogleanalytics 的头像

    googleanalytics/autotrack

    4,913在 GitHub 上查看↗

    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.

    JavaScript
    在 GitHub 上查看↗4,913
  1. Home
  2. Web Development
  3. React Media Query Libraries

探索子标签

  • Media Query State TrackingMonitoring and reporting changes in CSS media query matches to analyze responsive layout engagement. **Distinct from React Media Query Libraries:** Distinct from React Media Query Libraries: focuses on reporting the state to analytics rather than just implementing responsive UI.