Referencia

Componentes

• ImpressionArea — ImpressionArea es un componente que mide el tiempo durante el que un elemento DOM específico permanece visible en la pantalla y ejecuta callbacks cuando el elemento entra en el área de visualización o sale de ella.
• Separated — Separated es un componente que inserta el componente que especificas entre cada par de elementos hijos consecutivos.
• SwitchCase — SwitchCase es un componente que te permite renderizar componentes de forma declarativa según un valor dado, de manera similar a una instrucción switch-case.

Hooks

• useAsyncEffect — useAsyncEffect es un Hook de React que te permite gestionar efectos secundarios asíncronos en componentes de React.
• useAvoidKeyboard — useAvoidKeyboard es un Hook de React que ayuda a evitar que el teclado en pantalla cubra los elementos fijos en la parte inferior.
• useBodyScrollLock — useBodyScrollLock es un Hook de React que bloquea el desplazamiento del body mientras el componente está montado.
• useBooleanState — useBooleanState es un Hook de React que te permite gestionar un estado booleano de forma sencilla.
• useCallbackOncePerRender — useCallbackOncePerRender es un Hook de React que garantiza que un callback se ejecute una sola vez, sin importar cuántas veces lo llames.
• useConditionalEffect — useConditionalEffect es un Hook de React que ejecuta efectos de forma condicional según una función de predicado.
• useControlledState — useControlledState es un Hook de React que te permite gestionar tanto estados controlados como no controlados.
• useCounter — useCounter es un Hook de React que te permite gestionar el estado de un contador numérico con funciones para incrementar, decrementar y restablecer su valor.
• useDebounce — useDebounce es un Hook de React que devuelve una versión con debounce del callback que proporcionas.
• useDebouncedCallback — useDebouncedCallback es un Hook de React que devuelve una versión con debounce del callback que proporcionas.
• useDebouncedValue — useDebouncedValue es un Hook de React que devuelve una copia con debounce del valor que proporcionas.
• useDoubleClick — useDoubleClick es un Hook de React que distingue entre los eventos de un solo clic y los de doble clic.
• useGeolocation — useGeolocation es un Hook de React que obtiene la ubicación geográfica del usuario y hace un seguimiento de ella.
• useImpressionRef — useImpressionRef es un Hook de React que mide el tiempo durante el cual un elemento específico del DOM está visible en pantalla y ejecuta callbacks cuando el elemento entra en el área visible o sale de ella.
• useInputState — useInputState es un Hook de React que gestiona el estado de un campo de entrada con una transformación opcional del valor.
• useIntersectionObserver — useIntersectionObserver es un Hook de React que detecta si un elemento específico del DOM es visible en la pantalla.
• useInterval — useInterval es un Hook de React que ejecuta una función con un intervalo especificado.
• useIsClient — useIsClient es un Hook de React que devuelve true solo en el entorno del cliente.
• useIsomorphicLayoutEffect — useIsomorphicLayoutEffect es un Hook de React que ejecuta useLayoutEffect en el navegador sin generar su advertencia durante el renderizado en el servidor (SSR).
• useKeyboardHeight — useKeyboardHeight es un Hook de React que hace un seguimiento de la altura del teclado en pantalla.
• useList — Un Hook de React que gestiona un arreglo como estado.
• useLoading — useLoading es un Hook de React que simplifica la gestión del estado de carga de una Promise.
• useLongPress — useLongPress es un Hook de React que detecta cuando mantienes presionado un elemento durante un tiempo especificado.
• useMap — Un Hook de React que gestiona un Map de pares clave-valor como estado.
• useNetworkStatus — useNetworkStatus es un Hook de React que proporciona acceso a la API Network Information.
• useOutsideClickEffect — useOutsideClickEffect es un Hook de React que ejecuta un callback cuando ocurre un evento de clic fuera de los contenedores especificados.
• usePageVisibility — usePageVisibility es un Hook de React que detecta cambios en la visibilidad de la página.
• usePreservedCallback — usePreservedCallback es un Hook de React que mantiene una referencia estable a un callback y garantiza que siempre tenga acceso al estado o las props más recientes.
• usePreservedReference — usePreservedReference es un Hook de React que te ayuda a conservar la referencia de un valor cuando no ha cambiado y te permite usar el estado más reciente de forma segura.
• usePrevious — usePrevious es un Hook de React que devuelve el valor anterior del estado que le pasas.
• useRefEffect — useRefEffect es un Hook de React que te ayuda a establecer una referencia a un elemento DOM específico y ejecutar un callback cada vez que cambia el elemento.
• useSafeAreaInset — useSafeAreaInset es un Hook de React que detecta los cambios en los márgenes del área segura.
• useScrollDirection — useScrollDirection es un Hook de React que detecta la dirección del desplazamiento.
• useSet — Un Hook de React que gestiona un Set como estado.
• useStorageState — useStorageState es un Hook de React que funciona como useState, pero conserva el valor del estado en el almacenamiento del navegador.
• useThrottle — useThrottle es un Hook de React que crea una versión de un callback con una frecuencia de ejecución limitada.
• useThrottledCallback — useThrottledCallback es un Hook de React que devuelve una versión del callback proporcionado con una frecuencia de ejecución limitada.
• useThrottledValue — useThrottledValue es un Hook de React que devuelve una copia del valor dado con una frecuencia de actualización limitada.
• useTimeout — useTimeout es un Hook de React que ejecuta un callback tras un tiempo de espera especificado.
• useToggle — useToggle es un Hook de React que simplifica la gestión de un estado booleano.
• useVisibilityEvent — useVisibilityEvent es un Hook de React que escucha los cambios en el estado de visibilidad del documento y ejecuta un callback.
• useVisualViewport — useVisualViewport es un Hook de React que detecta los cambios del área visible (Visual Viewport).

Utilidades

• buildContext — buildContext es una función auxiliar que reduce el código repetitivo al definir un contexto de React.
• disableBodyScrollLock — disableBodyScrollLock es una función de utilidad que desbloquea el desplazamiento del elemento body.
• enableBodyScrollLock — enableBodyScrollLock es una función de utilidad que bloquea el desplazamiento del elemento body.
• getKeyboardHeight — getKeyboardHeight es una función de utilidad que devuelve la altura actual del teclado en pantalla en píxeles.
• getSafeAreaInset — getSafeAreaInset es una función de utilidad que devuelve todos los márgenes del área segura en píxeles como un objeto.
• isAndroid — isAndroid es una función de utilidad que detecta si el dispositivo actual usa Android.
• isIOS — isIOS es una función de utilidad que detecta si el dispositivo actual ejecuta iOS o iPadOS.
• isKeyboardVisible — isKeyboardVisible es una función de utilidad que comprueba si el teclado en pantalla está visible en este momento.
• isServer — isServer es una función de utilidad que comprueba si el código está ejecutándose en el servidor.
• mergeProps — mergeProps es una función de utilidad que combina varios objetos de props en un único objeto.
• mergeRefs — Esta función recibe varias refs (RefObject o RefCallback) y devuelve una única ref que actualiza todas las refs proporcionadas.
• subscribeKeyboardHeight — subscribeKeyboardHeight es una función de utilidad que permite suscribirte a los cambios en la altura del teclado en pantalla.