/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 vote228 views4 answers
React router go rprevious page
Javascript React
0 vote220 views1 answer
React native datepicker disable future dates
Javascript React
0 vote230 views1 answer
React grid generator
Javascript React
10 votes237 views3 answers
Jquery react npm
Javascript React
0 vote224 views1 answer
Map of filtered data react
Javascript React
0 vote160 views1 answer
React native change image color
Javascript React
0 vote238 views1 answer
Cloudinary react
Javascript React
4 votes207 views2 answers
Entypo icons react native
Javascript React
0 vote206 views2 answers
React native setstate object
Javascript React
0 vote282 views1 answer
How to set the id attr to a var in reactjs
Javascript React