useOrientation

React sensor hook that tracks screen orientation of user's device.

{
  "angle": 0,
  "type": "landscape-primary"
}

Variants

with useHooks

The useOrientation React Hook simplifies the management of a device’s orientation within a React application. It wraps the complexity of listening for, handling, and cleaning up after orientation changes into a reusable hook. By abstracting this logic, the hook allows you to easily track device orientation, resulting in cleaner and more readable code. It adapts to both the Screen Orientation API and the deprecated window.orientation property, providing flexibility across different browser capabilities.

Installation

npx ever-ui-clx@0.2.1 add demo-use-orientation
# └──> Hook coming soon.

Usage