/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 votes360 views2 answers
Use font awsome in react
Javascript React
2 votes339 views1 answer
Text decoration in react
Javascript React
3 votes324 views2 answers
React is there a safe area view for android
Javascript React
0 vote330 views1 answer
React json object pretty
Javascript React
1 vote326 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote331 views1 answer
Limit data with axios in react js
Javascript React
1 vote315 views1 answer
Concatenate a variable inside text react native
Javascript React
0 vote321 views1 answer
React router native back button
Javascript React
0 vote343 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote326 views1 answer
@testing-library/react-native switch
Javascript React