/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

28 votes325 views6 answers
React fontawesome
Javascript React
0 vote331 views1 answer
Drawer navigation set width react native
Javascript React
0 vote350 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote373 views1 answer
React tutorial componentDidMount() componentWillUnmount()
Javascript React
1 vote370 views2 answers
Flatlist onrefresh react native
Javascript React
0 vote348 views1 answer
In whatsapp share text add a new line react
Javascript React
2 votes347 views2 answers
Export multiple functions react
Javascript React
6 votes358 views1 answer
React native rotate
Javascript React
0 vote373 views1 answer
How to start react project on atom
Javascript React
0 vote372 views2 answers
React typed js
Javascript React