GitHub.com
tcp/443 tcp/80
Open service 2606:50c0:8003::153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 343D:12648B:22E62B:28265A:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-bom-vanm7210060-BOM
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092995.655848,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 428c358c52ca0950831aeb36ccae2d1b46611e1d
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.108.153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 1DDE:889A5:6880F6:728C21:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-lga21937-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.388918,VS0,VE193
Vary: Accept-Encoding
X-Fastly-Request-ID: a4e44e8922c6e583f6733cf69bb6590f9a2cfbfe
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.109.153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 2366:EEF73:FB479:10F53D:6962F540
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-yyz4531-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.416180,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: e572ac4da83a98a9398c07ada49487f9b360fd93
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8001::153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: CCEC:2580C2:22C9BDE:23591BB:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230044-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.400699,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: 99919a1d3e77423e9d3ebe33b1e3f88da9be827d
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.110.153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: CCEC:2580C2:22C9BDE:23591BB:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230136-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.410705,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: d205cfff0f6eac852463eddd5d9f3117b7ee6d2a
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.109.153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: CCEC:2580C2:22C9BDE:23591BB:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230027-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.361827,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 5b687ccfca11138306b49e4f10dfa22a4e3f2a03
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.108.153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: CCEC:2580C2:22C9BDE:23591BB:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230105-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.401740,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: f3c330889b8345ba6e6f713bc0e188006131c888
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.110.153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 1DDE:889A5:6880F6:728C21:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-lga21935-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.331884,VS0,VE168
Vary: Accept-Encoding
X-Fastly-Request-ID: 90398afc73ab9271bcde59fc2d63581f0c31189a
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.111.153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7C60:1A5855:218A564:221AC75:6962F540
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230146-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.432696,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 2509301caa82ffef17a00cc921d24daa4c9b56a4
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.111.153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: D67C:1A961C:22E3641:23743FC:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-vie6362-VIE
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.421542,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 0bce10247c505d867009e65508f661ad6aee3f63
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8003::153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AF9F:3CAE0C:22B6A00:23477FC:6962F540
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-rtm-ehrd2290045-RTM
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.385338,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: a88f606fad094f6da389ab6a39ab3e754ee233f9
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8002::153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:34 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: E26D:227516:A43D73:A9405E:6962F535
Accept-Ranges: bytes
Age: 0
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
X-Served-By: cache-lcy-egml8630077-LCY
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1768092994.363387,VS0,VE87
Vary: Accept-Encoding
X-Fastly-Request-ID: 8d55ff88e3945435dd4c950186aefebcbc9de012
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8000::153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: D67C:1A961C:22E3641:23743FC:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-vie6343-VIE
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.382222,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 6cf0ab80095e218520d8e5b1591f39ed6fa8f701
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8001::153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7C60:1A5855:218A564:221AC75:6962F540
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230110-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.365339,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: fb10745926b98037b8a39662c14d1e200fe4e3ff
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8000::153:443 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7C60:1A5855:218A564:221AC75:6962F540
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230063-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.430785,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: a994df5bc335b54ec574fda552d05426871e73d8
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8002::153:80 · detect-resize.js.org
2026-01-11 00:56
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Sun, 11 Jan 2026 01:06:32 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: CCEC:2580C2:22C9BDE:23591BB:6962F53F
Accept-Ranges: bytes
Date: Sun, 11 Jan 2026 00:56:34 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230138-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768092994.361693,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: 6e87161bdfb641b015a5159c21e6e3a85f3729f4
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8001::153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 6B35:1974D5:421B0A2:43C6FB1:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-sin-wsss1830057-SIN
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.881774,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 7d8d934071af6c2366d86dcebbcb9274638ed939
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8002::153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 6B35:1974D5:421B0A2:43C6FB1:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-sin-wsat1880038-SIN
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.883977,VS0,VE3
Vary: Accept-Encoding
X-Fastly-Request-ID: cde68d83885ed0714b4598a555c8441bc7e86e42
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.109.153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 4E39:2F38BD:14F5AC2:1652F7C:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lga21963-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.586690,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: ab2e16b94753f62eccacbf7d4080c2c09980362e
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.111.153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 4E39:2F38BD:14F5AC2:1652F7C:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lga21968-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.563490,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 50fbfdbf19e0cd4033ffbbeaa3da96abf00a21af
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8002::153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 4E39:2F38BD:14F5AC2:1652F7C:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lga21925-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.545914,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 67c2a5076c44554f4b75d36d4aa57863fba0ee89
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.110.153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 39A8:8FD0D:D282EE3:D560C02:69584521
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-vie6352-VIE
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.607881,VS0,VE7
Vary: Accept-Encoding
X-Fastly-Request-ID: 70346641af66a1662689fe286a565478f1ec2b5c
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.109.153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: ABF4:3F0FCA:1603ECC:17609DE:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lga21960-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392548.446717,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 4a44c4fcc6bb2cd509f0d78bd2725da5947199a3
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.108.153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 89BF:1E3944:6F0899A:72641FE:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-pao-kpao1770021-PAO
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.503291,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 8ab100de2e9bc476069f0ee54de8cebaf5142705
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8000::153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AD7E:26F783:D02E7CC:D30B853:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-fra-eddf8230148-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.506496,VS0,VE4
Vary: Accept-Encoding
X-Fastly-Request-ID: 31384534a951a648914b10261eb66ce911ebed73
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8000::153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: EEC0:365E18:D21A367:D4F814E:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-fra-eddf8230035-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.514659,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 8cf2eecc51243c2b28803f6c76dab84d9ab41e3b
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.111.153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: A5EE:23CCE6:16042DB:17606AB:69584523
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-yyz4534-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392548.397362,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 2232d774b3f6d525ec340454bc416768f1d91875
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8001::153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AD7E:26F783:D02E7CC:D30B853:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-fra-eddf8230055-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392548.465280,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: d1da90155d0eb6647572869d0b94f58be813c891
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8003::153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AD7E:26F783:D02E7CC:D30B853:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-fra-eddf8230140-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392548.468531,VS0,VE4
Vary: Accept-Encoding
X-Fastly-Request-ID: 7c8b29c612d3f00e379aa97c3667a005601ece54
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 2606:50c0:8003::153:80 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: A5EE:23CCE6:16042DB:17606AB:69584523
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-yyz4552-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392548.380335,VS0,VE3
Vary: Accept-Encoding
X-Fastly-Request-ID: 3c55f70f73c743a821b8ec4155f9cb1e54d6db6a
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.108.153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 4E39:2F38BD:14F5AC2:1652F7C:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lga21932-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392548.366698,VS0,VE8
Vary: Accept-Encoding
X-Fastly-Request-ID: 5b5ba1c3725efeca43b631d841d904b9778d5afb
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>
Open service 185.199.110.153:443 · detect-resize.js.org
2026-01-02 22:22
HTTP/1.1 200 OK
Connection: close
Content-Length: 3332
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Wed, 08 Jun 2016 00:36:17 GMT
Access-Control-Allow-Origin: *
ETag: "57576881-d04"
expires: Fri, 02 Jan 2026 22:32:28 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AD7E:26F783:D02E7CC:D30B853:69584524
Accept-Ranges: bytes
Date: Fri, 02 Jan 2026 22:22:28 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-fra-eddf8230169-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767392549.505834,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: a6ee54424a11172eb2c598c20fdc3beb0697d2be
Page title: API Document
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base data-ice="baseUrl">
<title data-ice="title">API Document</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css">
<script src="script/prettify/prettify.js"></script>
<script src="script/manual.js"></script>
</head>
<body class="layout-container" data-ice="rootContainer">
<header>
<a href="./">Home</a>
<a href="identifiers.html">Reference</a>
<a href="source.html">Source</a>
<a data-ice="repoURL" href="https://github.com/noderaider/detect-resize" class="repo-url-github">Repository</a>
<div class="search-box">
<span>
<img src="./image/search.png">
<span class="search-input-edge"></span><input class="search-input"><span class="search-input-edge"></span>
</span>
<ul class="search-result"></ul>
</div>
</header>
<nav class="navigation" data-ice="nav"><div>
<ul>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-addResizeListener">addResizeListener</a></span></span></li>
<li data-ice="doc"><span data-ice="kind" class="kind-function">F</span><span data-ice="name"><span><a href="function/index.html#static-function-removeResizeListener">removeResizeListener</a></span></span></li>
</ul>
</div>
</nav>
<div class="content" data-ice="content"><div data-ice="index" class="github-markdown"><h2 id="detect-resize">detect-resize</h2>
<p><strong>Slightly refactored version of <a href="https://github.com/sdecima/javascript-detect-element-resize">https://github.com/sdecima/javascript-detect-element-resize</a> targeting universal React applications. Will not throw if imported (ES6) on the server.</strong></p>
<p><a href="https://travis-ci.org/noderaider/detect-resize"><img src="https://travis-ci.org/noderaider/detect-resize.svg?branch=master" alt="Build Status"></a></p>
<p><a href="https://nodei.co/npm/detect-resize/"><img src="https://nodei.co/npm/detect-resize.png?stars=true&downloads=true" alt="NPM"></a></p>
<h2 id="install">Install</h2>
<p><code>npm i -S detect-resize</code></p>
<h2 id="how-to-use">How to use</h2>
<p>Should work the same as <a href="https://github.com/sdecima/javascript-detect-element-resize">javascript-detect-element-resize</a> without throwing errors if used in a server environment.</p>
<pre><code class="lang-js"><code class="source-code prettyprint">import { addResizeListener, removeResizeListener } from 'detect-resize'
const resizeElement = document.getElementById('resizeElement'),
const handleResize = () => { console.info('resized') }
addResizeListener(resizeElement, handleResize)
removeResizeListener(resizeElement, handleResize)</code>
</code></pre>
</div>
</div>
<footer class="footer">
Generated by <a href="https://esdoc.org">ESDoc<span data-ice="esdocVersion">(0.4.7)</span></a>
</footer>
<script src="script/search_index.js"></script>
<script src="script/search.js"></script>
<script src="script/pretty-print.js"></script>
<script src="script/inherited-summary.js"></script>
<script src="script/test-summary.js"></script>
<script src="script/inner-link.js"></script>
<script src="script/patch-for-local.js"></script>
</body>
</html>