use-match-media-query

Match Media as a React hook!

Table of Contents

• Usage
• Install
• Safari
• Polyfills
• Contribute
• License

Usage

import {useMatchMediaQuery} from 'use-match-media-query'

const Comp = () => {
    const isMobile = useMatchMediaQuery('screen and (max-width: 60em')
    return isMobile ? 'on mobile' : 'not on mobile'
}

Install

This project uses node and npm.

$ npm install use-match-media-query
$ # OR
$ yarn add use-match-media-query

Safari

Having issues on Safari? You are not alone!.

Polyfills

• matchmedia-polyfill

Contribute

1. Fork it and create your feature branch: git checkout -b my-new-feature
2. Commit your changes: git commit -am "Add some feature"
3. Push to the branch: git push origin my-new-feature
4. Submit a pull request

License

MIT