/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 vote283 views1 answer
React native make safe view in mobile
Javascript React
0 vote211 views1 answer
Liquid indicators in react native
Javascript React
16 votes251 views3 answers
What does the useReducer do in react
Javascript React
0 vote252 views1 answer
Ipa failed react native after processing
Javascript React
2 votes248 views2 answers
Prevent refresh react
Javascript React
1 vote257 views2 answers
Autofocus react
Javascript React
21 votes249 views6 answers
Elevation react native
Javascript React
8 votes252 views2 answers
React native italic text
Javascript React
2 votes253 views2 answers
Run react native app in production mode
Javascript React
0 vote246 views1 answer
Eslint init settings for ReactJS
Javascript React