Wondering what’s next for npm?Check out our public roadmap! »

    use-did-mount

    1.0.3 • Public • Published

    useDidMount React Hook for using componentDidMount in react hooks.

    This package is intended as a last resort for using componentDidMount in react hooks.

    There are other, simpler, more efficient, solutions to finding a componentDidMount equivalent in react hooks that do not need to be imported. The article and gist below will help you find the relevant one for you.

    Before using this package I highly recommend reading the following article about using componentDidMount in react hooks. And then checking this Gist for potential solutions to this problem.

    If none of these other solutions are applicable then this package is for you.

    Install

    Yarn: yarn add use-did-mount

    NPM: npm install --save use-did-mount

    Importing

    import useDidMount from 'use-did-mount'

    Usage

    import React from 'react'
    import useDidMount from 'use-did-mount'
     
    export default function DidMountExampleComponent() {
      useDidMount(() => {
        window.title = 'Hello world!'
      })
     
      return <h1>Hello world! </h1>
    }

    Alternatively with external dependencies:

    import React from 'react'
    import useDidMount from 'use-did-mount'
     
    const fetchName = async (set) => {
      const name = await fetch('https://atomizedobjects.com')
      set(name)
    }
     
    export default function DidMountExampleComponent() {
      const [name, setName] = useState(null)
      useDidMount(() => {
        fetchName(setName)
      })
     
      return <h1>Hello, {name}!</h1>
    }

    Types & Arguments

    Argument TypeScript Type JavaScript Type Description
    callback () => void function A function that will be run once, on mount.

    Install

    npm i use-did-mount

    DownloadsWeekly Downloads

    7

    Version

    1.0.3

    License

    ISC

    Unpacked Size

    4.21 kB

    Total Files

    3

    Last publish

    Collaborators

    • avatar