Need private packages and team management tools?Check out npm Teams »

use-action

1.0.2 • Public • Published

useAction

Almost same to useEffect, but not deferred.

Why useAction?

Unlike componentDidMount and componentDidUpdate, the function passed to useEffect fires after layout and paint, during a deferred event. This makes it suitable for the many common side effects, like setting up subscriptions and event handlers, because most types of work shouldn’t block the browser from updating the screen.

From React docs.

But useAction can execute the action function immediately after useAction get called.

Example

useEffect

function Foo(props) {
  ref = useRef(null)
  useEffect(() => {
    ref.current = 'initialized'
  }, [])
  console.log(ref.current) // -> null
  return null
}

useAction

function Foo(props) {
  ref = useRef(null)
  useAction(() => {
    ref.current = 'initialized'
  }, [])
  console.log(ref.current) // -> initialized
  return null
}

Install

npm i use-action

DownloadsWeekly Downloads

7

Version

1.0.2

License

MIT

Unpacked Size

3.78 kB

Total Files

6

Last publish

Collaborators

  • avatar