/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 vote321 views1 answer
Chromepicker react-color not working
Javascript React
1 vote305 views1 answer
React native flatlist horizontal scroll
Javascript React
0 vote262 views1 answer
Dull a background image in react native
Javascript React
1 vote312 views1 answer
React native get last element of array
Javascript React
0 vote298 views1 answer
Flatlist footer react native
Javascript React
0 vote348 views1 answer
Websocket with Node and React
Javascript React
1 vote357 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote264 views1 answer
Circle button react native
Javascript React
13 votes324 views4 answers
React deep copy
Javascript React
2 votes319 views2 answers
Update specific properties of an object react spread operator
Javascript React