/Javascript/React/React check if mobile or desktop

React check if mobile or desktop

import React, {useEffect, useState} from "react";

const useCheckMobileScreen = () => {
    const [width, setWidth] = useState(window.innerWidth);
    const handleWindowSizeChange = () => {
            setWidth(window.innerWidth);
    }

    useEffect(() => {
        window.addEventListener('resize', handleWindowSizeChange);
        return () => {
            window.removeEventListener('resize', handleWindowSizeChange);
        }
    }, []);

    return (width <= 768);
}

export default useCheckMobileScreen

Source: stackoverflow.com

Similar codes

0 vote189 views1 answer
Simbu react1
Javascript React
0 vote204 views1 answer
Upload file react onclick
Javascript React
0 vote227 views1 answer
Hot loading react native shortcut key
Javascript React
0 vote192 views1 answer
Library to add navigation in react native
Javascript React
4 votes191 views2 answers
Import reactdom
Javascript React
31 votes182 views1 answer
Download react router dom
Javascript React
-1 vote183 views1 answer
React native smart splash screen
Javascript React
10 votes257 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
2 votes202 views1 answer
React add gradient top to bottom
Javascript React
1 vote212 views2 answers
React PropTypes.instanceOf
Javascript React