/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 vote133 views2 answers
Run build version react
Javascript React
2 votes136 views1 answer
React select with react hook form cotroller
Javascript React
14 votes79 views1 answer
Change checkbox value react
Javascript React
24 votes152 views5 answers
How to change port in react js
Javascript React
1 vote125 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
64 votes129 views6 answers
Router react
Javascript React
0 vote123 views1 answer
Setting up react on visual studio code
Javascript React
0 vote123 views1 answer
Onpress setstate react native
Javascript React
0 vote132 views1 answer
Image and video lightbox react
Javascript React
1 vote122 views1 answer
React-native link to play store
Javascript React