/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

69 votes162 views6 answers
React route
Javascript React
0 vote148 views1 answer
React hooks simple projects
Javascript React
0 vote130 views1 answer
Android studio react native plugins
Javascript React
0 vote128 views1 answer
Options not working properly in reactjs
Javascript React
0 vote215 views1 answer
Disable autocomplete in react fields
Javascript React
1 vote145 views1 answer
React vscode stop auto close tag
Javascript React
0 vote129 views1 answer
Installation de react native maps bibliothèque
Javascript React
1 vote138 views2 answers
React alert popup
Javascript React
31 votes137 views2 answers
React-router-dom npm
Javascript React
0 vote142 views1 answer
How to run react build locally
Javascript React