usePerformanceObserver

Category

Browser

Export Size

390 B

Last Changed

5 days ago

Observe performance metrics

Demo

Usage

import { usePerformanceObserver } from '@reause/core'
import { useState } from 'react'

const [entrys, setEntrys] = useState<PerformanceEntry[]>([])
const { isSupported, start, stop } = usePerformanceObserver(
  { entryTypes: ['paint'] },
  list => setEntrys(list.getEntries()),
)
// starts automatically (immediate: true by default) — stop() disconnects

Type Declarations

export type UsePerformanceObserverOptions = PerformanceObserverInit & {
    window?: Window;
    immediate?: boolean;
}

export function usePerformanceObserver(options: UsePerformanceObserverOptions, callback: PerformanceObserverCallback)

Source

Source · Demo · VueUse

Contributors

Changelog

v0.1.0 on

72bf3 - fix(core): resolve usePerformanceObserver audit findings (#616)