contra/react-responsive

• chalarangelo/30-seconds-of-react

  Chalarangelo/30-seconds-of-react

  5,081GitHub पर देखें↗

  This project is a comprehensive collection of reusable code snippets, custom hooks, and implementation patterns for building user interfaces with React. It serves as a library of short examples designed to solve common development tasks, ranging from state management to DOM integration. The collection provides a wide array of specialized utilities for interacting with browser APIs, including window dimension tracking, media query evaluation, and online status monitoring. It also includes practical guides and snippets for performance optimization, such as memoization, lazy loading, and state c

  JavaScripteducationjavascriptlearn-to-code

  GitHub पर देखें↗5,081
• streamich/react-use

  streamich/react-use

  43,974GitHub पर देखें↗

  react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It serves as a comprehensive library for implementing state management patterns and wrapping various browser APIs into consistent hook interfaces. The project provides a specialized toolkit for DOM interaction and browser API integration, allowing components to track element dimensions, manage cookies, and monitor hardware sensors. It includes a suite of animation and timing utilities for physics-based numeric interpolation and frame-synced state updates. Beyond basic state managemen

  TypeScript

  GitHub पर देखें↗43,974
• yocontra/react-responsive

  yocontra/react-responsive

  7,171GitHub पर देखें↗

  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

  TypeScriptreact

  GitHub पर देखें↗7,171
• jaredpalmer/react-fns

  jaredpalmer/react-fns

  3,705GitHub पर देखें↗

  react-fns is a suite of declarative components and utilities designed to wrap imperative browser APIs for use in React applications. It provides a set of components and higher-order components that integrate browser environment data, device sensors, network status, and native application launchers into a reactive user interface. The library enables declarative access to hardware sensors for tracking accelerometer, gyroscope, and orientation data in real time. It also includes native app launchers that trigger the default system mail and SMS applications using pre-filled links. Additional cap

  TypeScripthocreactrender-props

  GitHub पर देखें↗3,705

Frequently asked questions