Update formatting

This commit is contained in:
Isabelle Viktoria Maciohsek
2022-01-30 19:40:51 +02:00
parent d69d13ee26
commit 790f0de37f
5 changed files with 5 additions and 5 deletions

View File

@ -9,7 +9,7 @@ Adds an event listener for the specified event type on the given element.
- Use the `useRef()` hook to create a ref that will hold the `handler`.
- Use the `useEffect()` hook to update the value of the `savedHandler` ref any time the `handler` changes.
- Use the `useEffect()` hook to add an event listener to the given element and clean up when unmounting.
- Omit the last argument, `el`, to use the `window` by default.
- Omit the last argument, `el`, to use the `Window` by default.
```jsx
const useEventListener = (type, handler, el = window) => {

View File

@ -5,7 +5,7 @@ firstSeen: 2019-08-21T14:23:57+03:00
lastUpdated: 2021-01-07T23:57:13+02:00
---
Implements `fetch` in a declarative manner.
Implements `fetch()` in a declarative manner.
- Create a custom hook that takes a `url` and `options`.
- Use the `useState()` hook to initialize the `response` and `error` state variables.

View File

@ -7,7 +7,7 @@ firstSeen: 2021-09-10T05:00:00-04:00
Observes visibility changes for a given element.
- Use the `useState()` hook to store the intersection value of the given element.
- Create an `IntersectionObserver()` with the given `options` and an appropriate callback to update the `isIntersecting` state variable.
- Create an `IntersectionObserver` with the given `options` and an appropriate callback to update the `isIntersecting` state variable.
- Use the `useEffect()` hook to call `IntersectionObserver.observe()` when mounting the component and clean up using `IntersectionObserver.unobserve()` when unmounting.
```jsx

View File

@ -5,7 +5,7 @@ firstSeen: 2019-08-21T13:18:52+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
---
Implements `setInterval` in a declarative manner.
Implements `setInterval()` in a declarative manner.
- Create a custom hook that takes a `callback` and a `delay`.
- Use the `useRef()` hook to create a `ref` for the callback function.

View File

@ -7,7 +7,7 @@ lastUpdated: 2021-10-13T19:29:39+02:00
Eesolves to `useEffect()` on the server and `useLayoutEffect()` on the client.
- Use `typeof` to check if the `window` object is defined. If it is, return the `useLayoutEffect()`. Otherwise return `useEffect()`.
- Use `typeof` to check if the `Window` object is defined. If it is, return the `useLayoutEffect()`. Otherwise return `useEffect()`.
```jsx
const useIsomorphicEffect =