/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 vote211 views1 answer
React native section list sort by alphabet
Javascript React
0 vote256 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
0 vote230 views2 answers
React material ui
Javascript React
11 votes226 views3 answers
Add condition inside a className in reactjs
Javascript React
-1 vote276 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote200 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote230 views1 answer
Reactnative print in ios
Javascript React
0 vote214 views1 answer
React native whatsapp integration
Javascript React
0 vote225 views1 answer
Radio button in react native expo
Javascript React
0 vote246 views1 answer
React native generate app hash without play console
Javascript React