andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update formatting

Browse Source
This commit is contained in:
Isabelle Viktoria Maciohsek
2022-01-29 20:36:28 +02:00
parent 8683f4d233
commit 9b9e547a93
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/Carousel.md
View File

@ -8,7 +8,7 @@ lastUpdated: 2020-11-03T20:42:15+02:00
Renders a carousel component. Renders a carousel component.
- Use the `useState()` hook to create the `active` state variable and give it a value of `0` (index of the first item). - Use the `useState()` hook to create the `active` state variable and give it a value of `0` (index of the first item).
- Use the `useEffect()` hook to update the value of `active` to the index of the next item, using `setTimeout`. - Use the `useEffect()` hook to update the value of `active` to the index of the next item, using `setTimeout()`.
- Compute the `className` for each carousel item while mapping over them and applying it accordingly. - Compute the `className` for each carousel item while mapping over them and applying it accordingly.
- Render the carousel items using `React.cloneElement()` and pass down `...rest` along with the computed `className`. - Render the carousel items using `React.cloneElement()` and pass down `...rest` along with the computed `className`.

2
snippets/useTimeout.md
View File

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