/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

15 votes351 views5 answers
Usestate react hook
Javascript React
0 vote373 views1 answer
Spining load react component
Javascript React
2 votes385 views2 answers
React not recognizing lorem
Javascript React
0 vote404 views1 answer
Hot loading react native shortcut key
Javascript React
0 vote388 views1 answer
Salvar no localStorage react
Javascript React
1 vote377 views3 answers
Iframe in react
Javascript React
0 vote382 views1 answer
Reactjs alert
Javascript React
0 vote399 views1 answer
One component overlapping on other in react.js app
Javascript React
0 vote377 views2 answers
React tweet embed
Javascript React
11 votes394 views2 answers
How to add react icons using npm
Javascript React