/Javascript/React/React detect screen size

React detect screen size

import { useState, useEffect } from 'react';

function getWindowDimensions() {
  const { innerWidth: width, innerHeight: height } = window;
  return {
    width,
    height
  };
}

export default function useWindowDimensions() {
  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());

  useEffect(() => {
    function handleResize() {
      setWindowDimensions(getWindowDimensions());
    }

    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, []);

  return windowDimensions;
}

Source: stackoverflow.com

React js get screen size

  console.log(window.innerHeight);

Similar codes

4 votes327 views6 answers
Location of release apk in react native
Javascript React
31 votes343 views1 answer
React router dom npm
Javascript React
3 votes396 views2 answers
Error duplicate resources react native
Javascript React
0 vote383 views1 answer
Sanity react
Javascript React
0 vote341 views1 answer
React-datepicker
Javascript React
0 vote358 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
1 vote363 views1 answer
Update create react app package to latest
Javascript React
0 vote388 views1 answer
My react router Dom learnings
Javascript React
0 vote344 views1 answer
Line separator with text in the center react native
Javascript React
0 vote348 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React