Make expertise a field

This commit is contained in:
Isabelle Viktoria Maciohsek
2022-03-01 20:24:15 +02:00
parent 1bc2d09303
commit 581bb672b1
79 changed files with 158 additions and 79 deletions

View File

@ -30,7 +30,8 @@ In order to create a new snippet, you should follow the steps below:
- Snippet must follow [these general writing guidelines](https://github.com/30-seconds/brand-and-design/blob/master/writing-guidelines.md).
- Snippets must have all their frontmatter sections (title, tags etc.) filled.
- Snippet titles must correspond to the filename and follow the language and repository's naming conventions.
- Snippet tags must be comma-separated, contain a primary tag as seen on the website as their first tag and an expertise tag (`beginner`, `intermediate` or `advanced`) as their last tag.
- Snippet tags must be comma-separated, contain a primary tag as seen on the website as their first tag.
- Snippet expertise must be specified (`beginner`, `intermediate` or `advanced`).
- Snippets must have their `firstSeen` dates formatted using [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601).
- Snippet descriptions must be short and to the point. Explain *what* the snippet does and detail *how* the snippet works and the language features used in it.
- Snippet code and examples must be enclosed in appropriate, language-tagged blocks as shown in the snippet template, be short and use modern techniques and features. Also make sure to test your code before submitting.

View File

@ -1,6 +1,7 @@
---
title: Component Name
tags: components,state,effect,intermediate
tags: components,state,effect
expertise: intermediate
firstSeen: 2021-06-13T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: Collapsible accordion
tags: components,children,state,advanced
tags: components,children,state
expertise: advanced
firstSeen: 2019-03-02T10:46:34+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Closable alert
tags: components,state,effect,beginner
tags: components,state,effect
expertise: beginner
firstSeen: 2019-09-17T13:19:30+03:00
lastUpdated: 2021-01-07T23:57:13+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Automatic text linking
tags: components,fragment,regexp,intermediate
tags: components,fragment,regexp
expertise: intermediate
firstSeen: 2018-12-05T15:04:49+02:00
lastUpdated: 2020-11-03T20:42:15+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Callable telephone link
tags: components,beginner
tags: components
expertise: beginner
unlisted: true
firstSeen: 2020-10-04T00:07:37+03:00
lastUpdated: 2021-01-04T12:32:47+02:00

View File

@ -1,6 +1,7 @@
---
title: Carousel
tags: components,children,state,effect,advanced
tags: components,children,state,effect
expertise: advanced
firstSeen: 2018-11-13T21:24:55+02:00
lastUpdated: 2020-11-03T20:42:15+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Collapsible content
tags: components,children,state,beginner
tags: components,children,state
expertise: beginner
firstSeen: 2018-10-17T20:42:23+03:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Controlled input field
tags: components,input,intermediate
tags: components,input
expertise: intermediate
firstSeen: 2019-08-21T13:09:10+03:00
lastUpdated: 2020-11-03T21:08:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Countdown timer
tags: components,state,advanced
tags: components,state
expertise: advanced
firstSeen: 2019-02-06T14:39:31+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Data list
tags: components,beginner
tags: components
expertise: beginner
firstSeen: 2018-11-29T12:12:24+02:00
lastUpdated: 2020-11-03T21:26:34+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Data table
tags: components,beginner
tags: components
expertise: beginner
firstSeen: 2018-11-29T11:13:59+02:00
lastUpdated: 2020-11-03T21:26:34+02:00
---

View File

@ -1,6 +1,7 @@
---
title: File drag and drop area
tags: components,input,state,effect,event,advanced
tags: components,input,state,effect,event
expertise: advanced
firstSeen: 2019-02-02T12:17:27+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Textarea with character limit
tags: components,state,callback,event,beginner
tags: components,state,callback,event
expertise: beginner
firstSeen: 2018-10-19T09:11:59+03:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Textarea with word limit
tags: components,input,state,callback,effect,event,intermediate
tags: components,input,state,callback,effect,event
expertise: intermediate
firstSeen: 2019-02-20T18:22:22+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Spinning loader
tags: components,beginner
tags: components
expertise: beginner
firstSeen: 2019-09-11T21:59:12+03:00
lastUpdated: 2020-11-16T15:17:26+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Email link
tags: components,beginner
tags: components
expertise: beginner
firstSeen: 2019-01-28T20:10:51+02:00
lastUpdated: 2020-11-16T15:17:26+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Object table view
tags: components,array,object,intermediate
tags: components,array,object
expertise: intermediate
firstSeen: 2018-11-29T11:50:10+02:00
lastUpdated: 2020-09-06T14:20:45+03:00
---

View File

@ -1,6 +1,7 @@
---
title: Modal dialog
tags: components,effect,intermediate
tags: components,effect
expertise: intermediate
firstSeen: 2019-03-11T11:25:06+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Stateful checkbox with multiple selection
tags: components,input,state,array,intermediate
tags: components,input,state,array
expertise: intermediate
firstSeen: 2019-01-27T09:25:57+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Show/hide password toggle
tags: components,input,state,beginner
tags: components,input,state
expertise: beginner
firstSeen: 2018-10-18T20:04:22+03:00
lastUpdated: 2020-11-25T20:46:35+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Button with ripple effect
tags: components,state,effect,intermediate
tags: components,state,effect
expertise: intermediate
firstSeen: 2019-09-10T09:07:29+03:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Uncontrolled select element
tags: components,input,beginner
tags: components,input
expertise: beginner
firstSeen: 2018-12-10T10:48:03+02:00
lastUpdated: 2020-11-25T20:46:35+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Uncontrolled range input
tags: components,input,beginner
tags: components,input
expertise: beginner
firstSeen: 2019-03-02T10:20:55+02:00
lastUpdated: 2020-11-25T20:46:35+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Star rating
tags: components,children,input,state,intermediate
tags: components,children,input,state
expertise: intermediate
firstSeen: 2018-10-18T14:33:45+03:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Tabs
tags: components,state,children,intermediate
tags: components,state,children
expertise: intermediate
firstSeen: 2019-01-27T11:59:52+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Tag input field
tags: components,input,state,intermediate
tags: components,input,state
expertise: intermediate
firstSeen: 2019-10-02T10:06:11+03:00
lastUpdated: 2020-11-25T21:12:16+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Uncontrolled textarea element
tags: components,input,beginner
tags: components,input
expertise: beginner
firstSeen: 2018-12-10T10:45:51+02:00
lastUpdated: 2020-11-25T20:46:35+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Toggle
tags: components,state,beginner
tags: components,state
expertise: beginner
firstSeen: 2018-10-27T20:35:37+03:00
lastUpdated: 2020-11-16T16:50:57+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Tooltip
tags: components,state,children,beginner
tags: components,state,children
expertise: beginner
firstSeen: 2018-11-13T20:21:24+02:00
lastUpdated: 2020-11-16T15:17:26+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Expandable object tree view
tags: components,object,state,recursion,advanced
tags: components,object,state,recursion
expertise: advanced
firstSeen: 2019-02-06T22:17:03+02:00
lastUpdated: 2020-11-16T16:50:57+02:00
---

View File

@ -1,6 +1,7 @@
---
title: Uncontrolled input field
tags: components,input,intermediate
tags: components,input
expertise: intermediate
firstSeen: 2019-08-21T12:28:50+03:00
lastUpdated: 2020-11-03T21:08:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useAsync hook
tags: hooks,state,reducer,advanced
tags: hooks,state,reducer
expertise: advanced
firstSeen: 2020-01-09T20:22:12+02:00
lastUpdated: 2021-01-07T23:57:13+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useBodyScrollLock hook
tags: hooks,effect,intermediate
tags: hooks,effect
expertise: intermediate
firstSeen: 2021-09-02T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useClickInside hook
tags: hooks,effect,event,intermediate
tags: hooks,effect,event
expertise: intermediate
firstSeen: 2019-08-21T13:09:10+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useClickOutside hook
tags: hooks,effect,event,intermediate
tags: hooks,effect,event
expertise: intermediate
firstSeen: 2019-08-21T13:09:10+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useComponentDidMount hook
tags: hooks,effect,beginner
tags: hooks,effect
expertise: beginner
firstSeen: 2020-01-03T15:56:54+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useComponentDidUpdate hook
tags: hooks,effect,beginner
tags: hooks,effect
expertise: beginner
firstSeen: 2021-11-09T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useComponentWillUnmount hook
tags: hooks,effect,beginner
tags: hooks,effect
expertise: beginner
firstSeen: 2020-01-03T16:00:56+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useCopyToClipboard hook
tags: hooks,effect,state,callback,advanced
tags: hooks,effect,state,callback
expertise: advanced
firstSeen: 2020-04-22T18:51:30+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useDebounce hook
tags: hooks,state,effect,intermediate
tags: hooks,state,effect
expertise: intermediate
firstSeen: 2021-01-04T16:48:43+02:00
lastUpdated: 2021-01-04T16:48:43+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useDefault hook
tags: hooks,state,intermediate
tags: hooks,state
expertise: intermediate
firstSeen: 2021-10-23T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useDelayedState hook
tags: hooks,state,effect,intermediate
tags: hooks,state,effect
expertise: intermediate
firstSeen: 2021-12-15T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useEffectOnce hook
tags: hooks,effect,beginner
tags: hooks,effect
expertise: beginner
firstSeen: 2021-11-16T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useError hook
tags: hooks,state,effect,intermediate
tags: hooks,state,effect
expertise: intermediate
firstSeen: 2021-09-30T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useEventListener hook
tags: hooks,effect,event,intermediate
tags: hooks,effect,event
expertise: intermediate
firstSeen: 2021-09-01T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useFetch hook
tags: hooks,effect,state,intermediate
tags: hooks,effect,state
expertise: intermediate
firstSeen: 2019-08-21T14:23:57+03:00
lastUpdated: 2021-01-07T23:57:13+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useForm hook
tags: hooks,state,beginner
tags: hooks,state
expertise: beginner
firstSeen: 2021-09-17T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useGetSet hook
tags: hooks,state,intermediate
tags: hooks,state
expertise: intermediate
firstSeen: 2021-10-27T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useHash hook
tags: hooks,state,effect,advanced
tags: hooks,state,effect
expertise: advanced
firstSeen: 2021-10-02T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useHover hook
tags: hooks,state,callback,advanced
tags: hooks,state,callback
expertise: advanced
firstSeen: 2021-10-05T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useIntersectionObserver hook
tags: hooks,state,effect,advanced
tags: hooks,state,effect
expertise: advanced
firstSeen: 2021-09-10T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useInterval hook
tags: hooks,effect,intermediate
tags: hooks,effect
expertise: intermediate
firstSeen: 2019-08-21T13:18:52+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useIsomporphicEffect hook
tags: hooks,effect,beginner
tags: hooks,effect
expertise: beginner
firstSeen: 2021-09-29T05:00:00-04:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useKeyPress hook
tags: hooks,state,effect,event,intermediate
tags: hooks,state,effect,event
expertise: intermediate
firstSeen: 2021-09-07T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useLocalStorage hook
tags: hooks,state,intermediate
tags: hooks,state
expertise: intermediate
firstSeen: 2021-09-13T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useMap hook
tags: hooks,state,advanced
tags: hooks,state
expertise: advanced
firstSeen: 2021-11-06T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useMediaQuery hook
tags: hooks,state,effect,intermediate
tags: hooks,state,effect
expertise: intermediate
firstSeen: 2020-01-03T14:39:46+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useMergeState hook
tags: hooks,state,beginner
tags: hooks,state
expertise: beginner
firstSeen: 2021-09-23T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useMutationObserver hook
tags: hooks,effect,intermediate
tags: hooks,effect
expertise: intermediate
firstSeen: 2021-11-23T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useNavigatorOnLine hook
tags: hooks,state,effect,intermediate
tags: hooks,state,effect
expertise: intermediate
firstSeen: 2019-09-11T09:17:26+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useOnGlobalEvent hook
tags: hooks,effect,event,intermediate
tags: hooks,effect,event
expertise: intermediate
firstSeen: 2021-12-22T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useOnWindowResize hook
tags: hooks,effect,event,intermediate
tags: hooks,effect,event
expertise: intermediate
firstSeen: 2021-12-01T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useOnWindowScroll hook
tags: hooks,effect,event,intermediate
tags: hooks,effect,event
expertise: intermediate
firstSeen: 2021-12-08T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React usePersistedState hook
tags: hooks,state,effect,advanced
tags: hooks,state,effect
expertise: advanced
firstSeen: 2020-11-29T14:16:36+02:00
lastUpdated: 2021-10-13T19:29:39+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React usePortal hook
tags: hooks,state,effect,advanced
tags: hooks,state,effect
expertise: advanced
firstSeen: 2022-01-05T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React usePrevious hook
tags: hooks,state,effect,beginner
tags: hooks,state,effect
expertise: beginner
firstSeen: 2020-01-03T09:50:22+02:00
lastUpdated: 2020-11-16T14:17:53+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useRequestAnimationFrame hook
tags: hooks,effect,intermediate
tags: hooks,effect
expertise: intermediate
firstSeen: 2021-12-29T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useSSR hook
tags: hooks,effect,state,memo,intermediate
tags: hooks,effect,state,memo
expertise: intermediate
firstSeen: 2019-08-24T13:18:16+03:00
lastUpdated: 2021-03-10T06:38:42+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useScript hook
tags: hooks,effect,state,event,advanced
tags: hooks,effect,state,event
expertise: advanced
firstSeen: 2021-10-08T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useSearchParam hook
tags: hooks,state,effect,intermediate
tags: hooks,state,effect
expertise: intermediate
firstSeen: 2021-10-13T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useSessionStorage hook
tags: hooks,state,intermediate
tags: hooks,state
expertise: intermediate
firstSeen: 2021-09-15T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useSet hook
tags: hooks,state,advanced
tags: hooks,state
expertise: advanced
firstSeen: 2021-11-01T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useTimeout hook
tags: hooks,effect,intermediate
tags: hooks,effect
expertise: intermediate
firstSeen: 2019-08-21T13:20:57+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useTitle hook
tags: hooks,effect,intermediate
tags: hooks,effect
expertise: intermediate
firstSeen: 2021-09-27T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useToggler hook
tags: hooks,state,callback,beginner
tags: hooks,state,callback
expertise: beginner
firstSeen: 2020-11-27T09:41:31+02:00
lastUpdated: 2020-11-27T09:41:31+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useUnload hook
tags: hooks,effect,event,intermediate
tags: hooks,effect,event
expertise: intermediate
firstSeen: 2020-10-05T17:53:24+03:00
lastUpdated: 2020-11-29T14:16:36+02:00
---

View File

@ -1,6 +1,7 @@
---
title: React useUpdate hook
tags: components,reducer,beginner
tags: components,reducer
expertise: beginner
firstSeen: 2021-09-24T05:00:00-04:00
---

View File

@ -1,6 +1,7 @@
---
title: React useWindowSize hook
tags: hooks,state,effect,intermediate
tags: hooks,state,effect
expertise: intermediate
firstSeen: 2021-10-18T05:00:00-04:00
---