/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 vote147 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
0 vote343 views1 answer
Scroll to a input on button click react native
Javascript React
0 vote108 views1 answer
How to use algolia react native
Javascript React
103 votes173 views7 answers
How to create react app
Javascript React
0 vote189 views1 answer
Get size of a View in React Native
Javascript React
0 vote162 views1 answer
Custom hook for unique items in react
Javascript React
2 votes146 views2 answers
React google maps
Javascript React
1 vote146 views1 answer
Firebase app named default already exists react native
Javascript React
8 votes157 views1 answer
React-fragment
Javascript React
0 vote168 views1 answer
Counter composant react
Javascript React