/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

1 vote199 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote201 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
0 vote181 views1 answer
How to validate password and confirm password on react form hook
Javascript React
3 votes191 views4 answers
Add new array at the back of react state
Javascript React
0 vote225 views1 answer
Owl carousel for react
Javascript React
0 vote260 views1 answer
Different ways to write react file paths
Javascript React
0 vote245 views1 answer
How to make react native dapp truffle
Javascript React
6 votes215 views2 answers
How do I conditionally add attributes to React components?
Javascript React
1 vote174 views2 answers
React native get timezone
Javascript React
0 vote192 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React