Reorganize snippets
This commit is contained in:
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Collapsible accordion
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,children,state]
|
||||
cover: beach-pineapple
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Closable alert
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,state,effect]
|
||||
cover: flower-portrait-1
|
||||
dateModified: 2021-01-07T23:57:13+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Automatic text linking
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,fragment,regexp]
|
||||
author: chalarangelo
|
||||
cover: red-petals
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Callable telephone link
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components]
|
||||
author: chalarangelo
|
||||
unlisted: true
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Carousel
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,children,state,effect]
|
||||
cover: shell-focus
|
||||
dateModified: 2020-11-03T20:42:15+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Collapsible content
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,children,state]
|
||||
cover: washed-ashore
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Controlled input field
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input]
|
||||
cover: digital-nomad-5
|
||||
dateModified: 2020-11-03T21:08:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Countdown timer
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,state]
|
||||
cover: sea-view-2
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Data list
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components]
|
||||
cover: interior-14
|
||||
dateModified: 2020-11-03T21:26:34+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Data table
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components]
|
||||
cover: armchair
|
||||
dateModified: 2020-11-03T21:26:34+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: File drag and drop area
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input,state,effect,event]
|
||||
author: chalarangelo
|
||||
cover: man-red-sunset
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Lazy-loading image
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,effect,state]
|
||||
cover: strawberries
|
||||
author: chalarangelo
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Textarea with character limit
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,state,callback,event]
|
||||
cover: flower-portrait-2
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Textarea with word limit
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input,state,callback,effect,event]
|
||||
cover: painters-desk
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Spinning loader
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components]
|
||||
cover: godray-computer-mug
|
||||
dateModified: 2020-11-16T15:17:26+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Email link
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components]
|
||||
author: chalarangelo
|
||||
cover: digital-nomad-4
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Object table view
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,array,object]
|
||||
cover: waves-from-above-2
|
||||
dateModified: 2020-09-06T14:20:45+03:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Modal dialog
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,effect]
|
||||
cover: yellow-white-mug-2
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Stateful checkbox with multiple selection
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input,state,array]
|
||||
cover: violin
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Show/hide password toggle
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input,state]
|
||||
author: chalarangelo
|
||||
cover: thread
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Button with ripple effect
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,state,effect]
|
||||
author: chalarangelo
|
||||
cover: mountain-lake-cottage
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Uncontrolled select element
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input]
|
||||
cover: down-the-stream
|
||||
dateModified: 2020-11-25T20:46:35+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Uncontrolled range input
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input]
|
||||
cover: solitude-beach
|
||||
dateModified: 2020-11-25T20:46:35+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Star rating
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,children,input,state]
|
||||
cover: lake-church
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Tabs
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,state,children]
|
||||
cover: by-the-lighthouse
|
||||
dateModified: 2021-10-13T19:29:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Tag input field
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input,state]
|
||||
cover: interior-4
|
||||
dateModified: 2020-11-25T21:12:16+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Uncontrolled textarea element
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input]
|
||||
cover: volcano-sunset
|
||||
dateModified: 2020-11-25T20:46:35+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Toggle
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,state]
|
||||
cover: cows
|
||||
dateModified: 2020-11-16T16:50:57+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Tooltip
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,state,children]
|
||||
cover: dark-leaves-6
|
||||
dateModified: 2020-11-16T15:17:26+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Expandable object tree view
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,object,state,recursion]
|
||||
author: chalarangelo
|
||||
cover: digital-nomad-9
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: Uncontrolled input field
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,input]
|
||||
cover: digital-nomad-15
|
||||
dateModified: 2020-11-03T21:08:39+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useAsync hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,reducer]
|
||||
cover: oven-paddle
|
||||
dateModified: 2021-01-07T23:57:13+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useBodyScrollLock hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: folded-map
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useClickInside hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,event]
|
||||
author: chalarangelo
|
||||
cover: digital-nomad-10
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useClickOutside hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,event]
|
||||
author: chalarangelo
|
||||
cover: clutter
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useComponentDidMount hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: highlands
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useComponentDidUpdate hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: flower-portrait-10
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useComponentWillUnmount hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: rocky-beach-3
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useCopyToClipboard hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,state,callback]
|
||||
author: chalarangelo
|
||||
cover: antelope
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useDebounce hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: blue-bird
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useDefault hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
author: chalarangelo
|
||||
cover: flower-portrait-8
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useDelayedState hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
cover: city-view
|
||||
dateModified: 2021-12-15T05:00:00-04:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useEffectOnce hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: pop-of-green
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useError hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: baloons-field
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useEventListener hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,event]
|
||||
author: chalarangelo
|
||||
cover: beach-riders
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useFetch hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,state]
|
||||
author: chalarangelo
|
||||
cover: coworking-space
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useForm hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
cover: cave-view
|
||||
dateModified: 2021-09-17T05:00:00-04:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useGetSet hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
author: chalarangelo
|
||||
cover: interior-12
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useHash hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: book-chair
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useHover hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,callback]
|
||||
author: chalarangelo
|
||||
cover: pink-flower-tree
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useIntersectionObserver hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: budapest-palace
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useInterval hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: digital-nomad-13
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useIsomporphicEffect hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: jars-on-shelf-2
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useKeyPress hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect,event]
|
||||
author: chalarangelo
|
||||
cover: yellow-white-mug-1
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useLocalStorage hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
author: chalarangelo
|
||||
cover: houses-rock-sea
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useMap hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
author: chalarangelo
|
||||
cover: work-hard-computer
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useMediaQuery hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: clay-pot-horizon
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useMergeState hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
author: chalarangelo
|
||||
cover: digital-nomad-6
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useMutationObserver hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: laptop-plants
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useNavigatorOnLine hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: digital-nomad-7
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useOnGlobalEvent hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,event]
|
||||
author: chalarangelo
|
||||
cover: tropical-bike
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useOnWindowResize hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,event]
|
||||
author: chalarangelo
|
||||
cover: flower-camera
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useOnWindowScroll hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,event]
|
||||
author: chalarangelo
|
||||
cover: planning
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React usePersistedState hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: red-berries
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React usePortal hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: interior-3
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React usePrevious hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: couch-laptop
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useRequestAnimationFrame hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: aerial-view-port
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useScript hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,state,event]
|
||||
author: chalarangelo
|
||||
cover: travel-mug-3
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useSearchParam hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: coffee-phone-tray-3
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useSessionStorage hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
author: chalarangelo
|
||||
cover: white-laptop
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useSet hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state]
|
||||
author: chalarangelo
|
||||
cover: engine
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useSSR hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,state,memo]
|
||||
author: chalarangelo
|
||||
cover: interior-6
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useTimeout hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: interior-10
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useTitle hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect]
|
||||
author: chalarangelo
|
||||
cover: blue-lake
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useToggler hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,callback]
|
||||
author: chalarangelo
|
||||
cover: tram-car-2
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useUnload hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,effect,event]
|
||||
cover: digital-nomad-14
|
||||
dateModified: 2020-11-29T14:16:36+02:00
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useUpdate hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [components,reducer]
|
||||
author: chalarangelo
|
||||
cover: lavender-shelf
|
||||
@ -1,6 +1,7 @@
|
||||
---
|
||||
title: React useWindowSize hook
|
||||
type: snippet
|
||||
language: react
|
||||
tags: [hooks,state,effect]
|
||||
author: chalarangelo
|
||||
cover: polar-bear
|
||||
Reference in New Issue
Block a user