#useActivityMount

A React Hook that runs a function only once when the component mounts in an Activity component.

Unlike useMount, this hook ensures the callback is executed only once strictly, even when the Activity is hidden and shown again. This is particularly useful for initialization logic that should only run once in Activity contexts, not every time the component becomes visible.

#Demo

#Usage

See API for more details.

#Source

#API

useActivityMount(callback)

#Callback

A function that will be called when the component mounts, can be async.

The callback will only execute once when the component first mounts, and will NOT re-execute when the Activity is shown again after being hidden.

#Key Differences

#vs useMount

#Example Comparison

import { Activity } from 'react'
import { useMount, useActivityMount } from '@shined/react-use'

function Component() {
  // Runs every time Activity becomes visible
  useMount(() => {
    console.log('Activity is now visible')
  })

  // Runs only once when component first mounts
  useActivityMount(() => {
    console.log('Component initialized')
    fetchInitialData()
  })

  return <div>Content</div>
}

#Use Cases

1. Initial Data Fetching: Fetch data once when the component is first mounted, not every time it becomes visible
2. Subscriptions: Set up event listeners or subscriptions that should persist across visibility changes
3. Analytics: Track initial component mount events without double-counting
4. Resource Initialization: Initialize expensive resources only once

#Notes