@studio-freight/hamo

Introduction

Hamo means hook, you do the math

Setup

$ npm i @studio-freight/hamo

or use whatever package manager you like the most

Features

This toolkit is composed of:

useClickOutsideEvent – trigger a callback when user clicks outside of a reference node.

useDebug – returns true if #debug is present in the url.

useDocumentReadyState – returns true if document is ready.

useEventBus, { dipatch } – creates a global event bus.

useFrame – use @studio-freight/tempus animation frame.

useInterval – create and dispose intervals.

useIsClient – returns true if window is defined.

useIsTouchDevice – returns true if client is using a touch-capable device.

useIsVisible – returns true if a reference node is in the viewport.

useMediaQuery – css-like media query support in Javascript.

useRect – getboundingclientrect with scrollY sauce if using our lenis smooth scroll

useSlots – brings vue slots to react

Authors

This set of hooks is curated and maintained by the Studio Freight Darkroom team:

• Clement Roche (@clementroche_) – Studio Freight
• Guido Fier (@uido15) – Studio Freight
• Leandro Soengas (@lsoengas) - Studio Freight
• Franco Arza (@arzafran) - Studio Freight

License

The MIT License.