/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

5 votes214 views3 answers
Linear gradient react js
Javascript React
1 vote197 views1 answer
React native run release
Javascript React
0 vote205 views1 answer
React-native-cli remove
Javascript React
4 votes195 views2 answers
React input number
Javascript React
10 votes221 views3 answers
Query string in react js
Javascript React
0 vote220 views2 answers
Drag n drop file upload react
Javascript React
1 vote200 views1 answer
Concatenate a variable inside text react native
Javascript React
0 vote215 views1 answer
Get all database react native
Javascript React
0 vote193 views2 answers
Why we use react js
Javascript React
0 vote204 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React