/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

0 vote375 views1 answer
Line separator with text in the center react native
Javascript React
31 votes356 views1 answer
Download react router dom
Javascript React
31 votes372 views1 answer
React router dom npm
Javascript React
0 vote406 views1 answer
Retour à la ligne react native
Javascript React
16 votes381 views1 answer
React native loop in render
Javascript React
1 vote360 views1 answer
Circle progress react
Javascript React
1 vote428 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote404 views1 answer
React yup password with number string and uppercase
Javascript React
1 vote343 views1 answer
Commit in react
Javascript React
0 vote474 views1 answer
How to download an mp3 file in react native
Javascript React