/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 vote167 views1 answer
How can we update time in react js
Javascript React
0 vote2K views1 answer
Docker react js
Javascript React
0 vote161 views1 answer
Add clickable link to image in react native
Javascript React
0 vote172 views1 answer
Reactjs add border to the table row
Javascript React
0 vote117 views1 answer
Debugging react native
Javascript React
0 vote164 views1 answer
React native set default ios simulator
Javascript React
0 vote165 views1 answer
Search nested array in react javascript
Javascript React
2 votes151 views1 answer
React native cover image in parent view
Javascript React
0 vote177 views1 answer
React key press hook
Javascript React
0 vote170 views1 answer
Make a component update every second react
Javascript React