/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

2 votes305 views1 answer
React native seperator code
Javascript React
0 vote300 views4 answers
Reactnative sliding image
Javascript React
93 votes255 views6 answers
React router dom install
Javascript React
14 votes271 views5 answers
React conditional class
Javascript React
0 vote324 views1 answer
How to make back button react
Javascript React
0 vote326 views9 answers
How to run a cloned react native project
Javascript React
0 vote316 views1 answer
React recursive component
Javascript React
4 votes297 views2 answers
Onitemclick react
Javascript React
0 vote285 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
0 vote298 views1 answer
Return multiple native element react native
Javascript React