/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 vote324 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
2 votes319 views1 answer
How to see if a web site is useing react
Javascript React
0 vote302 views1 answer
React file preview
Javascript React
0 vote361 views2 answers
React native use route params
Javascript React
0 vote332 views1 answer
React bootstrap font awesome icons
Javascript React
1 vote362 views1 answer
React create list of components
Javascript React
-1 vote319 views1 answer
React-native run-ios command
Javascript React
1 vote323 views1 answer
Document not intialized react js
Javascript React
0 vote353 views1 answer
Ng-class equivalent in react
Javascript React
9 votes322 views2 answers
Reactjs radio button onchange
Javascript React