/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

5 votes326 views2 answers
Add object in array state react
Javascript React
0 vote427 views1 answer
React native tab.screen hide title
Javascript React
1 vote361 views1 answer
Stream closed react native
Javascript React
23 votes371 views6 answers
React native shadow
Javascript React
0 vote360 views1 answer
React Update a label when rate moves
Javascript React
0 vote369 views1 answer
Add pdf in react app
Javascript React
0 vote375 views1 answer
React native cli sdk.dir
Javascript React
1 vote360 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
0 vote332 views2 answers
On ddrop function react dropzone parameters
Javascript React
0 vote367 views1 answer
React-multi-carousel don't work
Javascript React