Reorganize snippets

This commit is contained in:
Angelos Chalaris
2023-05-03 21:19:02 +03:00
parent 7511813169
commit 5c913d20bd
1240 changed files with 992 additions and 0 deletions

View File

@ -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

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: Automatic text linking
type: snippet
language: react
tags: [components,fragment,regexp]
author: chalarangelo
cover: red-petals

View File

@ -1,6 +1,7 @@
---
title: Callable telephone link
type: snippet
language: react
tags: [components]
author: chalarangelo
unlisted: true

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: Data list
type: snippet
language: react
tags: [components]
cover: interior-14
dateModified: 2020-11-03T21:26:34+02:00

View File

@ -1,6 +1,7 @@
---
title: Data table
type: snippet
language: react
tags: [components]
cover: armchair
dateModified: 2020-11-03T21:26:34+02:00

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: Lazy-loading image
type: snippet
language: react
tags: [components,effect,state]
cover: strawberries
author: chalarangelo

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: Email link
type: snippet
language: react
tags: [components]
author: chalarangelo
cover: digital-nomad-4

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: Show/hide password toggle
type: snippet
language: react
tags: [components,input,state]
author: chalarangelo
cover: thread

View File

@ -1,6 +1,7 @@
---
title: Button with ripple effect
type: snippet
language: react
tags: [components,state,effect]
author: chalarangelo
cover: mountain-lake-cottage

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: Toggle
type: snippet
language: react
tags: [components,state]
cover: cows
dateModified: 2020-11-16T16:50:57+02:00

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: Expandable object tree view
type: snippet
language: react
tags: [components,object,state,recursion]
author: chalarangelo
cover: digital-nomad-9

View File

@ -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

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: React useBodyScrollLock hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: folded-map

View File

@ -1,6 +1,7 @@
---
title: React useClickInside hook
type: snippet
language: react
tags: [hooks,effect,event]
author: chalarangelo
cover: digital-nomad-10

View File

@ -1,6 +1,7 @@
---
title: React useClickOutside hook
type: snippet
language: react
tags: [hooks,effect,event]
author: chalarangelo
cover: clutter

View File

@ -1,6 +1,7 @@
---
title: React useComponentDidMount hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: highlands

View File

@ -1,6 +1,7 @@
---
title: React useComponentDidUpdate hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: flower-portrait-10

View File

@ -1,6 +1,7 @@
---
title: React useComponentWillUnmount hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: rocky-beach-3

View File

@ -1,6 +1,7 @@
---
title: React useCopyToClipboard hook
type: snippet
language: react
tags: [hooks,effect,state,callback]
author: chalarangelo
cover: antelope

View File

@ -1,6 +1,7 @@
---
title: React useDebounce hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: blue-bird

View File

@ -1,6 +1,7 @@
---
title: React useDefault hook
type: snippet
language: react
tags: [hooks,state]
author: chalarangelo
cover: flower-portrait-8

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: React useEffectOnce hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: pop-of-green

View File

@ -1,6 +1,7 @@
---
title: React useError hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: baloons-field

View File

@ -1,6 +1,7 @@
---
title: React useEventListener hook
type: snippet
language: react
tags: [hooks,effect,event]
author: chalarangelo
cover: beach-riders

View File

@ -1,6 +1,7 @@
---
title: React useFetch hook
type: snippet
language: react
tags: [hooks,effect,state]
author: chalarangelo
cover: coworking-space

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: React useGetSet hook
type: snippet
language: react
tags: [hooks,state]
author: chalarangelo
cover: interior-12

View File

@ -1,6 +1,7 @@
---
title: React useHash hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: book-chair

View File

@ -1,6 +1,7 @@
---
title: React useHover hook
type: snippet
language: react
tags: [hooks,state,callback]
author: chalarangelo
cover: pink-flower-tree

View File

@ -1,6 +1,7 @@
---
title: React useIntersectionObserver hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: budapest-palace

View File

@ -1,6 +1,7 @@
---
title: React useInterval hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: digital-nomad-13

View File

@ -1,6 +1,7 @@
---
title: React useIsomporphicEffect hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: jars-on-shelf-2

View File

@ -1,6 +1,7 @@
---
title: React useKeyPress hook
type: snippet
language: react
tags: [hooks,state,effect,event]
author: chalarangelo
cover: yellow-white-mug-1

View File

@ -1,6 +1,7 @@
---
title: React useLocalStorage hook
type: snippet
language: react
tags: [hooks,state]
author: chalarangelo
cover: houses-rock-sea

View File

@ -1,6 +1,7 @@
---
title: React useMap hook
type: snippet
language: react
tags: [hooks,state]
author: chalarangelo
cover: work-hard-computer

View File

@ -1,6 +1,7 @@
---
title: React useMediaQuery hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: clay-pot-horizon

View File

@ -1,6 +1,7 @@
---
title: React useMergeState hook
type: snippet
language: react
tags: [hooks,state]
author: chalarangelo
cover: digital-nomad-6

View File

@ -1,6 +1,7 @@
---
title: React useMutationObserver hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: laptop-plants

View File

@ -1,6 +1,7 @@
---
title: React useNavigatorOnLine hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: digital-nomad-7

View File

@ -1,6 +1,7 @@
---
title: React useOnGlobalEvent hook
type: snippet
language: react
tags: [hooks,effect,event]
author: chalarangelo
cover: tropical-bike

View File

@ -1,6 +1,7 @@
---
title: React useOnWindowResize hook
type: snippet
language: react
tags: [hooks,effect,event]
author: chalarangelo
cover: flower-camera

View File

@ -1,6 +1,7 @@
---
title: React useOnWindowScroll hook
type: snippet
language: react
tags: [hooks,effect,event]
author: chalarangelo
cover: planning

View File

@ -1,6 +1,7 @@
---
title: React usePersistedState hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: red-berries

View File

@ -1,6 +1,7 @@
---
title: React usePortal hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: interior-3

View File

@ -1,6 +1,7 @@
---
title: React usePrevious hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: couch-laptop

View File

@ -1,6 +1,7 @@
---
title: React useRequestAnimationFrame hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: aerial-view-port

View File

@ -1,6 +1,7 @@
---
title: React useScript hook
type: snippet
language: react
tags: [hooks,effect,state,event]
author: chalarangelo
cover: travel-mug-3

View File

@ -1,6 +1,7 @@
---
title: React useSearchParam hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: coffee-phone-tray-3

View File

@ -1,6 +1,7 @@
---
title: React useSessionStorage hook
type: snippet
language: react
tags: [hooks,state]
author: chalarangelo
cover: white-laptop

View File

@ -1,6 +1,7 @@
---
title: React useSet hook
type: snippet
language: react
tags: [hooks,state]
author: chalarangelo
cover: engine

View File

@ -1,6 +1,7 @@
---
title: React useSSR hook
type: snippet
language: react
tags: [hooks,effect,state,memo]
author: chalarangelo
cover: interior-6

View File

@ -1,6 +1,7 @@
---
title: React useTimeout hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: interior-10

View File

@ -1,6 +1,7 @@
---
title: React useTitle hook
type: snippet
language: react
tags: [hooks,effect]
author: chalarangelo
cover: blue-lake

View File

@ -1,6 +1,7 @@
---
title: React useToggler hook
type: snippet
language: react
tags: [hooks,state,callback]
author: chalarangelo
cover: tram-car-2

View File

@ -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

View File

@ -1,6 +1,7 @@
---
title: React useUpdate hook
type: snippet
language: react
tags: [components,reducer]
author: chalarangelo
cover: lavender-shelf

View File

@ -1,6 +1,7 @@
---
title: React useWindowSize hook
type: snippet
language: react
tags: [hooks,state,effect]
author: chalarangelo
cover: polar-bear