React hook for the Device Orientation API
Note: This is using the new React Hooks API Proposal which is subject to change until React 16.7 final.
You'll need to install
react
,react-dom
, etc at^16.7.0-alpha.0
yarn add @rehooks/device-orientation
import useDeviceOrientation from '@rehooks/device-orientation';
function MyComponent() {
let value = useDeviceOrientation();
return (
<div>
<p>Absolute: {value.absolute}</p>
<p>Alpha: {value.alpha}</p>
<p>Beta: {value.beta}</p>
<p>Gamma: {value.gamma}</p>
</div>
);
}