commitd/hooks

Committed React Hooks library

commitd

Committed commitd

hooks's Issues

Storybook missing the Introduction mdx page

This happens after update to 6.4.22, builds but doesn't have the Introduction in.
On yarn storybook same issue but saving causes build to get stuck on the Introduction page.

Add useModel to main exports

What happened?

What did you expect to happen?

Any relevant technical information (OS, versions, logs)?

Update stories to use components v6

API or "Fetch" hook

Feature Request

I was wondering if a general useFetch or some API calling hook was a sensible idea. I feel its something that I constantly rewrite. The whole useAPI that then returns loading, error and the result.

General idea being it would be a useEffect that calls fetch on some url with parameters. Im not sure what the right level of granularity would be. (If it should be something like)

interface ApiResult<R>{
  result: R
  loading: boolean
  error?: string
}

useAPI<T,R>(url: string, type: "POST" | "GET", body?: T): ApiResult<R>

Or if its more sensible to split it into useGet or usePost etc (if there are too many arguments on fetch to have one hook)

Add usePagination hook

What problem do you want to solve?

Add simple hook for common pagination usecase

Add hook for using the clipboard

What are you trying to achieve?

Add hook for merging refs

What are you trying to achieve?

Common requirement for lib writing, internal ref used but want to allow the supply of a ref via forwardRef.

Remove tsdx

What problem do you want to solve?

tsdx no longer maintained

What do you think is the correct solution to this problem?

tsdx should be removed

useDebounce storybook api requests not working

What happened?

the storybook should demo debounces api requests but they are not working.
looks like the API may no longer be available.

What did you expect to happen?

The api requests should be made.

Add utility hook for using controllable state

So components can be provided a value or manage it's own value, like the standard react form input components.

Also extract the props warnings (e.g. https://github.com/reach/reach-ui/blob/a376daec462ccb53d33f4471306dff35383a03a5/packages/utils/src/index.tsx#L407-L443)

Modal

Extremely simple, but one which might be useful (components depending):

import { useCallback, useState } from "react"

export function useModal(
  shown: boolean = false
): [boolean, () => void, () => void] {
  const [visible, setVisible] = useState(shown)
  const hide = useCallback(() => setVisible(false), [setVisible])
  const show = useCallback(() => setVisible(true), [setVisible])
  return [visible, hide, show]
}