How to use the useLayoutEffect function from react

VolumeSlider.js

GitHub: ans-4175/stremio-web

26
27
28
29
30
31
32
33
34
35
    setSlidingVolume(volume);
    if (typeof onVolumeChangeRequested === 'function') {
        onVolumeChangeRequested(volume);
    }
}, [onVolumeChangeRequested]);
React.useLayoutEffect(() => {
    if (!routeFocused || disabled) {
        resetVolumeDebounced.cancel();
        setSlidingVolume(null);
    }

129

0

1

use-component-size.js

GitHub: jamesarnall/storyboarder

20
21
22
23
24
25
26
27
28
29
  if (ref && ref.current) {
    setComponentSize(getSize(mainElement.current, asideElement.current))
  }
}

useLayoutEffect(() => {
  mainElement.current = document.getElementById("main")
  asideElement.current = document.getElementById("aside")
  handleResize()
  window.addEventListener('resize', handleResize)

263

0

1