Update snippet titles
This commit is contained in:
Chalarangelo
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: ComponentName
|
||||
title: Component Name
|
||||
tags: components,state,effect,intermediate
|
||||
firstSeen: 2021-06-13T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Accordion
|
||||
title: Collapsable accordion
|
||||
tags: components,children,state,advanced
|
||||
firstSeen: 2019-03-02T10:46:34+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Alert
|
||||
title: Closable alert
|
||||
tags: components,state,effect,beginner
|
||||
firstSeen: 2019-09-17T13:19:30+03:00
|
||||
lastUpdated: 2021-01-07T23:57:13+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: AutoLink
|
||||
title: Automatic text linking
|
||||
tags: components,fragment,regexp,intermediate
|
||||
firstSeen: 2018-12-05T15:04:49+02:00
|
||||
lastUpdated: 2020-11-03T20:42:15+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Callto
|
||||
title: Callable telephone link
|
||||
tags: components,beginner
|
||||
unlisted: true
|
||||
firstSeen: 2020-10-04T00:07:37+03:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Collapse
|
||||
title: Collapsible content
|
||||
tags: components,children,state,beginner
|
||||
firstSeen: 2018-10-17T20:42:23+03:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: ControlledInput
|
||||
title: Controlled input field
|
||||
tags: components,input,intermediate
|
||||
firstSeen: 2019-08-21T13:09:10+03:00
|
||||
lastUpdated: 2020-11-03T21:08:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: CountDown
|
||||
title: Countdown timer
|
||||
tags: components,state,advanced
|
||||
firstSeen: 2019-02-06T14:39:31+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: DataList
|
||||
title: Data list
|
||||
tags: components,beginner
|
||||
firstSeen: 2018-11-29T12:12:24+02:00
|
||||
lastUpdated: 2020-11-03T21:26:34+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: DataTable
|
||||
title: Data table
|
||||
tags: components,beginner
|
||||
firstSeen: 2018-11-29T11:13:59+02:00
|
||||
lastUpdated: 2020-11-03T21:26:34+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: FileDrop
|
||||
title: File drag and drop area
|
||||
tags: components,input,state,effect,event,advanced
|
||||
firstSeen: 2019-02-02T12:17:27+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: LimitedTextarea
|
||||
title: Textarea with character limit
|
||||
tags: components,state,callback,event,beginner
|
||||
firstSeen: 2018-10-19T09:11:59+03:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: LimitedWordTextarea
|
||||
title: Textarea with word limit
|
||||
tags: components,input,state,callback,effect,event,intermediate
|
||||
firstSeen: 2019-02-20T18:22:22+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Loader
|
||||
title: Spinning loader
|
||||
tags: components,beginner
|
||||
firstSeen: 2019-09-11T21:59:12+03:00
|
||||
lastUpdated: 2020-11-16T15:17:26+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Mailto
|
||||
title: Email link
|
||||
tags: components,beginner
|
||||
firstSeen: 2019-01-28T20:10:51+02:00
|
||||
lastUpdated: 2020-11-16T15:17:26+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: MappedTable
|
||||
title: Object table view
|
||||
tags: components,array,object,intermediate
|
||||
firstSeen: 2018-11-29T11:50:10+02:00
|
||||
lastUpdated: 2020-09-06T14:20:45+03:00
|
||||
@ -11,8 +11,7 @@ Renders a table with rows dynamically created from an array of objects and a lis
|
||||
- Render a `<table>` element with a set of columns equal to the amount of values in `propertyNames`.
|
||||
- Use `Array.prototype.map()` to render each value in the `propertyNames` array as a `<th>` element.
|
||||
- Use `Array.prototype.map()` to render each object in the `filteredData` array as a `<tr>` element, containing a `<td>` for each key in the object.
|
||||
|
||||
_This component does not work with nested objects and will break if there are nested objects inside any of the properties specified in `propertyNames`._
|
||||
- **Note:** This component does not work with nested objects and will break if there are nested objects inside any of the properties specified in `propertyNames`.
|
||||
|
||||
```jsx
|
||||
const MappedTable = ({ data, propertyNames }) => {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Modal
|
||||
title: Modal dialog
|
||||
tags: components,effect,intermediate
|
||||
firstSeen: 2019-03-11T11:25:06+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: MultiselectCheckbox
|
||||
title: Stateful checkbox with multiple selection
|
||||
tags: components,input,state,array,intermediate
|
||||
firstSeen: 2019-01-27T09:25:57+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: PasswordRevealer
|
||||
title: Show/hide password toggle
|
||||
tags: components,input,state,beginner
|
||||
firstSeen: 2018-10-18T20:04:22+03:00
|
||||
lastUpdated: 2020-11-25T20:46:35+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: RippleButton
|
||||
title: Button with ripple effect
|
||||
tags: components,state,effect,intermediate
|
||||
firstSeen: 2019-09-10T09:07:29+03:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Select
|
||||
title: Uncontrolled select element
|
||||
tags: components,input,beginner
|
||||
firstSeen: 2018-12-10T10:48:03+02:00
|
||||
lastUpdated: 2020-11-25T20:46:35+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Slider
|
||||
title: Uncontrolled range input
|
||||
tags: components,input,beginner
|
||||
firstSeen: 2019-03-02T10:20:55+02:00
|
||||
lastUpdated: 2020-11-25T20:46:35+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: StarRating
|
||||
title: Star rating
|
||||
tags: components,children,input,state,intermediate
|
||||
firstSeen: 2018-10-18T14:33:45+03:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: TagInput
|
||||
title: Tag input field
|
||||
tags: components,input,state,intermediate
|
||||
firstSeen: 2019-10-02T10:06:11+03:00
|
||||
lastUpdated: 2020-11-25T21:12:16+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: TextArea
|
||||
title: Uncontrolled textarea element
|
||||
tags: components,input,beginner
|
||||
firstSeen: 2018-12-10T10:45:51+02:00
|
||||
lastUpdated: 2020-11-25T20:46:35+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: TreeView
|
||||
title: Expandable object tree view
|
||||
tags: components,object,state,recursion,advanced
|
||||
firstSeen: 2019-02-06T22:17:03+02:00
|
||||
lastUpdated: 2020-11-16T16:50:57+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: UncontrolledInput
|
||||
title: Uncontrolled input field
|
||||
tags: components,input,intermediate
|
||||
firstSeen: 2019-08-21T12:28:50+03:00
|
||||
lastUpdated: 2020-11-03T21:08:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useAsync
|
||||
title: React useAsync hook
|
||||
tags: hooks,state,reducer,advanced
|
||||
firstSeen: 2020-01-09T20:22:12+02:00
|
||||
lastUpdated: 2021-01-07T23:57:13+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useBodyScrollLock
|
||||
title: React useBodyScrollLock hook
|
||||
tags: hooks,effect,intermediate
|
||||
firstSeen: 2021-09-02T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useClickInside
|
||||
title: React useClickInside hook
|
||||
tags: hooks,effect,event,intermediate
|
||||
firstSeen: 2019-08-21T13:09:10+03:00
|
||||
lastUpdated: 2020-11-16T14:17:53+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useClickOutside
|
||||
title: React useClickOutside hook
|
||||
tags: hooks,effect,event,intermediate
|
||||
firstSeen: 2019-08-21T13:09:10+03:00
|
||||
lastUpdated: 2020-11-16T14:17:53+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useComponentDidMount
|
||||
title: React useComponentDidMount hook
|
||||
tags: hooks,effect,beginner
|
||||
firstSeen: 2020-01-03T15:56:54+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useComponentDidUpdate
|
||||
title: React useComponentDidUpdate hook
|
||||
tags: hooks,effect,beginner
|
||||
firstSeen: 2021-11-09T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useComponentWillUnmount
|
||||
title: React useComponentWillUnmount hook
|
||||
tags: hooks,effect,beginner
|
||||
firstSeen: 2020-01-03T16:00:56+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useCopyToClipboard
|
||||
title: React useCopyToClipboard hook
|
||||
tags: hooks,effect,state,callback,advanced
|
||||
firstSeen: 2020-04-22T18:51:30+03:00
|
||||
lastUpdated: 2020-11-16T14:17:53+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useDebounce
|
||||
title: React useDebounce hook
|
||||
tags: hooks,state,effect,intermediate
|
||||
firstSeen: 2021-01-04T16:48:43+02:00
|
||||
lastUpdated: 2021-01-04T16:48:43+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useDefault
|
||||
title: React useDefault hook
|
||||
tags: hooks,state,intermediate
|
||||
firstSeen: 2021-10-23T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useDelayedState
|
||||
title: React useDelayedState hook
|
||||
tags: hooks,state,effect,intermediate
|
||||
firstSeen: 2021-12-15T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useEffectOnce
|
||||
title: React useEffectOnce hook
|
||||
tags: hooks,effect,beginner
|
||||
firstSeen: 2021-11-16T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useError
|
||||
title: React useError hook
|
||||
tags: hooks,state,effect,intermediate
|
||||
firstSeen: 2021-09-30T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useEventListener
|
||||
title: React useEventListener hook
|
||||
tags: hooks,effect,event,intermediate
|
||||
firstSeen: 2021-09-01T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useFetch
|
||||
title: React useFetch hook
|
||||
tags: hooks,effect,state,intermediate
|
||||
firstSeen: 2019-08-21T14:23:57+03:00
|
||||
lastUpdated: 2021-01-07T23:57:13+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useForm
|
||||
title: React useForm hook
|
||||
tags: hooks,state,beginner
|
||||
firstSeen: 2021-09-17T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useGetSet
|
||||
title: React useGetSet hook
|
||||
tags: hooks,state,intermediate
|
||||
firstSeen: 2021-10-27T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useHash
|
||||
title: React useHash hook
|
||||
tags: hooks,state,effect,advanced
|
||||
firstSeen: 2021-10-02T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useHover
|
||||
title: React useHover hook
|
||||
tags: hooks,state,callback,advanced
|
||||
firstSeen: 2021-10-05T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useIntersectionObserver
|
||||
title: React useIntersectionObserver hook
|
||||
tags: hooks,state,effect,advanced
|
||||
firstSeen: 2021-09-10T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useInterval
|
||||
title: React useInterval hook
|
||||
tags: hooks,effect,intermediate
|
||||
firstSeen: 2019-08-21T13:18:52+03:00
|
||||
lastUpdated: 2020-11-16T14:17:53+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useIsomporphicEffect
|
||||
title: React useIsomporphicEffect hook
|
||||
tags: hooks,effect,beginner
|
||||
firstSeen: 2021-09-29T05:00:00-04:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useKeyPress
|
||||
title: React useKeyPress hook
|
||||
tags: hooks,state,effect,event,intermediate
|
||||
firstSeen: 2021-09-07T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useLocalStorage
|
||||
title: React useLocalStorage hook
|
||||
tags: hooks,state,intermediate
|
||||
firstSeen: 2021-09-13T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useMap
|
||||
title: React useMap hook
|
||||
tags: hooks,state,advanced
|
||||
firstSeen: 2021-11-06T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useMediaQuery
|
||||
title: React useMediaQuery hook
|
||||
tags: hooks,state,effect,intermediate
|
||||
firstSeen: 2020-01-03T14:39:46+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useMergeState
|
||||
title: React useMergeState hook
|
||||
tags: hooks,state,beginner
|
||||
firstSeen: 2021-09-23T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useMutationObserver
|
||||
title: React useMutationObserver hook
|
||||
tags: hooks,effect,intermediate
|
||||
firstSeen: 2021-11-23T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useNavigatorOnLine
|
||||
title: React useNavigatorOnLine hook
|
||||
tags: hooks,state,effect,intermediate
|
||||
firstSeen: 2019-09-11T09:17:26+03:00
|
||||
lastUpdated: 2020-11-16T14:17:53+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useOnGlobalEvent
|
||||
title: React useOnGlobalEvent hook
|
||||
tags: hooks,effect,event,intermediate
|
||||
firstSeen: 2021-12-22T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useOnWindowResize
|
||||
title: React useOnWindowResize hook
|
||||
tags: hooks,effect,event,intermediate
|
||||
firstSeen: 2021-12-01T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useOnWindowScroll
|
||||
title: React useOnWindowScroll hook
|
||||
tags: hooks,effect,event,intermediate
|
||||
firstSeen: 2021-12-08T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: usePersistedState
|
||||
title: React usePersistedState hook
|
||||
tags: hooks,state,effect,advanced
|
||||
firstSeen: 2020-11-29T14:16:36+02:00
|
||||
lastUpdated: 2021-10-13T19:29:39+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: usePortal
|
||||
title: React usePortal hook
|
||||
tags: hooks,state,effect,advanced
|
||||
firstSeen: 2022-01-05T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: usePrevious
|
||||
title: React usePrevious hook
|
||||
tags: hooks,state,effect,beginner
|
||||
firstSeen: 2020-01-03T09:50:22+02:00
|
||||
lastUpdated: 2020-11-16T14:17:53+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useRequestAnimationFrame
|
||||
title: React useRequestAnimationFrame hook
|
||||
tags: hooks,effect,intermediate
|
||||
firstSeen: 2021-12-29T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useSSR
|
||||
title: React useSSR hook
|
||||
tags: hooks,effect,state,memo,intermediate
|
||||
firstSeen: 2019-08-24T13:18:16+03:00
|
||||
lastUpdated: 2021-03-10T06:38:42+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useScript
|
||||
title: React useScript hook
|
||||
tags: hooks,effect,state,event,advanced
|
||||
firstSeen: 2021-10-08T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useSearchParam
|
||||
title: React useSearchParam hook
|
||||
tags: hooks,state,effect,intermediate
|
||||
firstSeen: 2021-10-13T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useSessionStorage
|
||||
title: React useSessionStorage hook
|
||||
tags: hooks,state,intermediate
|
||||
firstSeen: 2021-09-15T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useSet
|
||||
title: React useSet hook
|
||||
tags: hooks,state,advanced
|
||||
firstSeen: 2021-11-01T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useTimeout
|
||||
title: React useTimeout hook
|
||||
tags: hooks,effect,intermediate
|
||||
firstSeen: 2019-08-21T13:20:57+03:00
|
||||
lastUpdated: 2020-11-16T14:17:53+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useTitle
|
||||
title: React useTitle hook
|
||||
tags: hooks,effect,intermediate
|
||||
firstSeen: 2021-09-27T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useToggler
|
||||
title: React useToggler hook
|
||||
tags: hooks,state,callback,beginner
|
||||
firstSeen: 2020-11-27T09:41:31+02:00
|
||||
lastUpdated: 2020-11-27T09:41:31+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useUnload
|
||||
title: React useUnload hook
|
||||
tags: hooks,effect,event,intermediate
|
||||
firstSeen: 2020-10-05T17:53:24+03:00
|
||||
lastUpdated: 2020-11-29T14:16:36+02:00
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useUpdate
|
||||
title: React useUpdate hook
|
||||
tags: components,reducer,beginner
|
||||
firstSeen: 2021-09-24T05:00:00-04:00
|
||||
---
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: useWindowSize
|
||||
title: React useWindowSize hook
|
||||
tags: hooks,state,effect,intermediate
|
||||
firstSeen: 2021-10-18T05:00:00-04:00
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user