/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

2 votes230 views1 answer
How to clean react native project
Javascript React
13 votes243 views2 answers
Download react devtools for chrome
Javascript React
18 votes220 views6 answers
Export apk react native
Javascript React
0 vote226 views1 answer
Search for country name from api with react
Javascript React
0 vote272 views1 answer
React video srcObject
Javascript React
5 votes237 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote223 views1 answer
Why does my react project dosent have any class
Javascript React
0 vote217 views1 answer
React-native-safe-area-context
Javascript React
2 votes202 views1 answer
Redux React redux
Javascript React
-2 votes228 views2 answers
React native margin
Javascript React