/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

1 vote185 views1 answer
Reactjs compile subdomine
Javascript React
1 vote209 views2 answers
React datepicker documentation
Javascript React
1 vote209 views2 answers
Open websute react native
Javascript React
0 vote183 views2 answers
Automated counter with react hooks
Javascript React
0 vote199 views1 answer
React native stylesheet shortcut
Javascript React
0 vote206 views1 answer
Export socket io connection in react
Javascript React
0 vote252 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote207 views1 answer
React native cors origin
Javascript React
0 vote213 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React
2 votes196 views1 answer
How to add multiple style attributes in react element
Javascript React