/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

3 votes262 views1 answer
React native duplicate resources: Android
Javascript React
0 vote282 views1 answer
How to add autoserial number in react js
Javascript React
1 vote274 views1 answer
Reconciliation in react
Javascript React
2 votes274 views1 answer
Adding font awesome to npm or react
Javascript React
1 vote309 views1 answer
React create list of components
Javascript React
0 vote268 views1 answer
Unrecognized font family 'feather' react native
Javascript React
1 vote265 views1 answer
How to paste in android emulator react nativ etext input
Javascript React
0 vote273 views1 answer
React-big-calendar styling
Javascript React
0 vote271 views1 answer
React 5 to 10 rating
Javascript React
0 vote265 views1 answer
Installation de react native maps bibliothèque
Javascript React