Hooks
use-cd
6/11/2026, 9:04:04 AM modified by MarvinA hook to handle CD, including timestamp management, interval management, and callback management.
Installation
This hook is used to handle CD, including timestamp management, interval management, and callback management.
Preview
timestamp: 1781169123594
'use client'import { useEffect, useRef, useState } from 'react'const useCD = (interval = 1000, onCD?: (cd: number) => void) => { const [timestamp, setTimestamp] = useState(() => Date.now()) const onCDRef = useRef(onCD) useEffect(() => { onCDRef.current = onCD }) useEffect(() => { const id = setInterval(() => { const now = Date.now() setTimestamp(now) onCDRef.current?.(now) }, interval) return () => clearInterval(id) }, [interval]) return timestamp}export default useCD'use client'import useCD from "."export default function (){ const value = useCD() return <div>timestamp: {value}</div>}Git Commit History(1 commits)
feat: integrate LocatorJS for dev click-to-source navigation
Marvin
6月11日 09:04
f00d1717