/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

0 vote145 views1 answer
React throttle render
Javascript React
0 vote140 views1 answer
The email address is badly formatted react
Javascript React
18 votes151 views6 answers
React native create apk
Javascript React
11 votes142 views4 answers
React native text underline
Javascript React
2 votes152 views1 answer
Emmet react self closing tags
Javascript React
2 votes145 views1 answer
Authfunctions react
Javascript React
6 votes163 views1 answer
React native rotate
Javascript React
3 votes148 views3 answers
Multiple styles in react native
Javascript React
118 votes237 views6 answers
Instalar bootstrap en react
Javascript React
0 vote138 views1 answer
React native onChangeText resize the background image
Javascript React