Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-forceify

dalisoft13MIT0.2.14

Simple, yet powerful touch-force level detector

3d, touch, force, force-touch, 3d-touch, ios, js, android, unsupported, simulate, normalize, cross-device, javascript, typescript, lightweight, fast, osx, iphone, react, react-force

readme

react-forceify

React wrapper for Forceify

Installing

$ npm install react-forceify
# or
$ yarn add react-forceify

CDN

# unpkg.com
https://unpkg.com/react-forceify

# npmcdn
https://npmcdn.com/react-forceify

# jsDelivr
https://cdn.jsdelivr.net/npm/react-forceify

Usage

import Forceify from 'react-forceify';
import React from 'react';
import ReactDOM from 'react-dom';

class MyApp extends React.Component {
    onForce = ({force}) => {
        console.log('Force level', force);
    }
    render () { 
        return (<Forceify onForce={this.onForce}>
        {'child elems'}
        </Forceify>)
    }
}

ReactDOM.render(<MyApp/>, myMountTarget);

Compatibility

It's target is ES3 compatible-browsers, but it works best within following browser:

Browser Supported Version Recommended Version Best Version
IE >9 >10 >11
Android >4.1.2 >4.4 >5.1
iOS >7 >9 >10
macOS/OS X >9 >10 >10.12
Firefox >15 > 35 >47

License

MIT