Skip to content

Snippet

A collection of helpful snippets to help you, including myself to spin up the development. Remember, Do Not Repeat Yourself.

Explore Them

userArray

Array function made simple

See snippet userArray

Do Not Run First Mount

Prevent Side Effect to run when component did first mount, but when the next state changes, do something

See snippet Do Not Run First Mount

useLocalStorage

Store a data to browser local storage using this hooks

See snippet useLocalStorage

Invalid Input Shake Animation

Simple shake animation when invalid input, very helpful for form validation

See snippet Invalid Input Shake Animation

useClickOutside

Click outside element and run a callback, very helpful for element like dropdown

See snippet useClickOutside

useKeyPressEnter

Hooks to help creating key press handler

See snippet useKeyPressEnter

useWindowScrollPosition

Get window scroll position of Y axis or X axis

See snippet useWindowScrollPosition