/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

4 votes193 views1 answer
Carousel react
Javascript React
8 votes197 views3 answers
Shadown reAct native
Javascript React
1 vote206 views1 answer
Three.js react
Javascript React
0 vote190 views1 answer
Empty div react
Javascript React
1 vote170 views2 answers
React state not updating immediately
Javascript React
18 votes189 views6 answers
React native release apk command
Javascript React
1 vote187 views3 answers
React native port
Javascript React
4 votes192 views3 answers
Visual studio code create react component shortcut
Javascript React
-2 votes207 views1 answer
Setting up a React Environment
Javascript React
0 vote186 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React