Pinned Loading

1. Custom hook that keeps track of the ... Custom hook that keeps track of the previous value of an object or primitive, useful for comparing props between renders

   1

   import { useEffect, useRef } from 'react'

   2

   3

   export function usePrevious<T>(value: T) {

   4

     const ref = useRef<T>()

   5

2. Custom hook that keeps track of whet... Custom hook that keeps track of whether a component is mounted, useful for canceling asynchronous setStates

   1

   import { useRef, useEffect } from 'react'

   2

   3

   export const useIsMounted = () => {

   4

     const isMounted = useRef(false)

   5

3. Custom wrapper function for destruct... Custom wrapper function for destructuring asynchronous requests into loading, error and result states

   1

   export const asyncWrap = (promise: Promise<any>) =>

   2

     promise

   3

       .then(result => [false, null, result])

   4

       .catch(err => [false, err, null])

   5