/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 vote209 views1 answer
Provider not found react
Javascript React
0 vote132 views1 answer
React useState vs variable
Javascript React
0 vote146 views1 answer
Spining load react component
Javascript React
1 vote123 views1 answer
Connect metamask with react app
Javascript React
0 vote136 views1 answer
How to remove elevation tab bar react native
Javascript React
7 votes258 views2 answers
Align text into center of container react native
Javascript React
0 vote160 views1 answer
React native app slow lagging image
Javascript React
15 votes136 views2 answers
Ternary react
Javascript React
-2 votes140 views5 answers
React cheat sheet
Javascript React
1 vote167 views1 answer
Rendering, reconciliation, committing in react
Javascript React