All Projects → rehooks → Window Size

rehooks / Window Size

Licence: mit
React hook for subscribing to window size

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Window Size

use-scroll-direction
A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.
Stars: ✭ 24 (-81.54%)
Mutual labels:  hooks, window
Masonic
🧱 High-performance masonry layouts for React
Stars: ✭ 209 (+60.77%)
Mutual labels:  hooks, window
React Uploady
Modern file uploading - components & hooks for React
Stars: ✭ 372 (+186.15%)
Mutual labels:  hooks, browser
Use Position
🌍 React hook usePosition() for fetching and following a browser geolocation
Stars: ✭ 230 (+76.92%)
Mutual labels:  hooks, browser
Window Size
Reliable way to to get the height and width of the terminal/console in a node.js environment.
Stars: ✭ 79 (-39.23%)
Mutual labels:  size, window
Queue Microtask
fast, tiny `queueMicrotask` shim for modern engines
Stars: ✭ 124 (-4.62%)
Mutual labels:  browser
Nocoin
No Coin is a tiny browser extension aiming to block coin miners such as Coinhive.
Stars: ✭ 1,586 (+1120%)
Mutual labels:  browser
Marinara
Pomodoro® time management assistant for Chrome
Stars: ✭ 1,806 (+1289.23%)
Mutual labels:  browser
Methodhook
hook java methods
Stars: ✭ 122 (-6.15%)
Mutual labels:  hooks
Hookish
Hooks in to interesting functions and helps reverse the web app faster.
Stars: ✭ 129 (-0.77%)
Mutual labels:  hooks
Use Is In Viewport
A react hook to find out if an element is in a given viewport with a simple api.
Stars: ✭ 129 (-0.77%)
Mutual labels:  hooks
Open Browser Github.vim
Open GitHub URL of current file, etc. from Vim editor (supported GitHub Enterprise)
Stars: ✭ 126 (-3.08%)
Mutual labels:  browser
Kdeconnect Chrome Extension
A browser extension to send pages and content from your browser to connected KDE Connect devices.
Stars: ✭ 124 (-4.62%)
Mutual labels:  browser
Is Incognito Mode
👤Function to identify whether browser is in incognito mode 👀
Stars: ✭ 128 (-1.54%)
Mutual labels:  browser
Ajax Hook
🔱 Intercepting browser's AJAX requests which made by XMLHttpRequest.
Stars: ✭ 1,900 (+1361.54%)
Mutual labels:  hooks
Use Interval
A custom React Hook that provides a declarative setInterval called useInterval.
Stars: ✭ 127 (-2.31%)
Mutual labels:  hooks
Foot traffic
Pure Ruby DSL for Chrome scripting based on Ferrum. No Selenium required. Works from any script. Simulate web app usage scenarios in production or locally.
Stars: ✭ 123 (-5.38%)
Mutual labels:  browser
Cyb
Immortal robot for the Great Web
Stars: ✭ 126 (-3.08%)
Mutual labels:  browser
Wana
Easy observable state for React ⚡️
Stars: ✭ 128 (-1.54%)
Mutual labels:  hooks
Autohooks
Library for managing git hooks
Stars: ✭ 126 (-3.08%)
Mutual labels:  hooks

@rehooks/window-size

React hook for subscribing to window size

Note: This is using the new React Hooks API Proposal which is subject to change until React 16.7 final.

You'll need to install react, react-dom, etc at ^16.7.0-alpha.0

Install

yarn add @rehooks/window-size

Usage

import useWindowSize from '@rehooks/window-size';

function MyComponent() {
  let windowSize = useWindowSize();
  // {
  //   innerWidth: window.innerWidth,
  //   innerHeight: window.innerHeight,
  //   outerWidth: window.outerWidth,
  //   outerHeight: window.outerHeight,
  // }

  // ...
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].