/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 vote306 views1 answer
How to made disktop program on react website
Javascript React
0 vote242 views1 answer
Upload image file in react native using rest api to website
Javascript React
2 votes328 views2 answers
Export aab react native
Javascript React
31 votes255 views6 answers
React Sass
Javascript React
3 votes274 views2 answers
Yup checking phone number is valid react
Javascript React
0 vote240 views1 answer
React native set variable key in loop
Javascript React
2 votes273 views2 answers
React material ui media queries
Javascript React
0 vote262 views1 answer
React Redux reducer crud
Javascript React
17 votes256 views5 answers
How to run react native app
Javascript React
4 votes295 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React