/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

8 votes313 views1 answer
React hooks with objects
Javascript React
0 vote321 views2 answers
React generate component command
Javascript React
0 vote324 views1 answer
React build size
Javascript React
3 votes306 views1 answer
Css in a react file
Javascript React
0 vote312 views1 answer
Connect react native app to local api macos
Javascript React
2 votes313 views3 answers
React native swiper
Javascript React
0 vote327 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
0 vote330 views1 answer
Eslint init settings for ReactJS
Javascript React
0 vote271 views1 answer
React native change image color
Javascript React
0 vote281 views1 answer
React merge two objects
Javascript React