React Luau hooks

useAttribute.luau

local React = require(path.to.React)

local useState = React.useState
local useEffect = React.useEffect

local function useAttribute(target: Instance, attributeName: string)
  local value, setValue = useState(target:GetAttribute(attributeName))

  useEffect(function()
    local connection = target:GetAttributeChangedSignal(attributeName):Connect(function()
      setValue(target:GetAttribute(attributeName))
    end)

    return function()
      connection:Disconnect()
    end
  end, {})

  return value
end

return useAttribute