Is Device Mobile?

Background

We often need to change functionality / behavior / layout whether the client's device is mobile or not. This tiny utility will help determining it checking client's maxTouchPoints (or msMaxTouchPoints), (pointer:coarse) Media Queries, orientation or, as last resort, userAgent.

Installation

Install the component in your project with the following command:

yarn add is-device-mobile

Usage

import { isMobile } from 'is-device-mobile';

const getDeviceType = () => {
  return isMobile(window) ? "mobile" : "desktop";
};

In order to work, isMobile requires window as argument.

Resources

This utility follows Mozilla browser detection guidelines