react essential tools

reaccias-herramientas esenciales

Colección de ganchos y componentes reactos esenciales

Ejemplos de uso de libros de cuentos en vivo

Características

• Fácil de aprender y usar.
• Contiene una gran cantidad de componentes útiles.
• Contiene una gran cantidad de ganchos avanzados que se refinan de la aplicación.
• Contiene una gran cantidad de ganchos básicos.
• Escrito en mecanografiado.

Instalación

 npm i react-essential-tools

Uso

Debe haber reaccionado 16.8.0 o más tarde para usar la API de ganchos. Puede importar cada gancho o componente utilizando ES6 llamado Importaciones (Shaking de árbol recomendado).

 import { Tooltip , useAsync } from 'react-essential-tools' ;

Componentes

Fuente	Avance	Descripción corta
CircularProgress	Manifestación	Indicadores de progreso comúnmente conocidos como hilanderos, expresan un tiempo de espera no especificado o muestran la longitud de un proceso.
Modal	Manifestación	Proporciona una base sólida para crear diálogos, popovers, cajas de luz o cualquier otra cosa.
Backdrop	Manifestación	Una capa atenuada sobre su aplicación.
Skeleton	Manifestación	Marcador de posición para la carga
NoSsr		Deshabilitar SSR para contenido
Tooltip	Manifestación	Pequeña ventana emergente con información
Popper	Manifestación	Muestra contenido sobre otro
Collapse	Manifestación	Anima expandir/colapso de contenido
Slide	Manifestación	Anima la deslizamiento/deslizamiento del contenido
Zoom	Manifestación	Anima el contenido de zoom/zoom de contenido
Fade	Manifestación	Anima Fade-In/Fade-Out of Content
Grow	Manifestación	Anima la escala/escala del contenido
Portal	Manifestación	Renderiza contenido dentro de cualquier nodo domet DOM

Manos

Fuente	Avance	Descripción corta
useDebouncedCallback	Manifestación	Recibir devolución de llamada debilitada
useLongPress	Manifestación	Dispara una devolución de llamada después de una larga presione
useHover	Manifestación	Pistas flotando del elemento
useHistory	Manifestación	Estado con deshacer/reinicio/reinicio
useMedia	Manifestación	Estado de consulta de medios de CSS
useMotion	Manifestación	Estado del sensor de aceleración del dispositivo
useClipboard	Manifestación	Lea y escriba en el portapapeles del usuario
useMouse	Manifestación	Estado de posición del ratón
useIntersection	Manifestación	Intersección de elementos State de la vista
useClickAway	Manifestación	Dispara una devolución de llamada en el exterior, haga clic
useNetwork	Manifestación	Estado de información de red
useWindowScroll	Manifestación	Estado de posición de desplazamiento de la ventana
useKey	Manifestación	Dispara una devolución de llamada después del uso de teclas de teclado configurados
useEvent	Manifestación	Agregue oyentes y limpia automáticamente en unmount
useTimeoutFn	Manifestación	Dispara la devolución de llamada con retraso
useInterval	Manifestación	Dispara la devolución de llamada con un intervalo controlado
usePrevious	Manifestación	Valor de estado anterior
useUpdateEffect	Manifestación	useEffect con la primera invocación omitir
useMount	Manifestación	Dispara la devolución de llamada en el monte
useUnmount	Manifestación	Dispara la devolución de llamada en unmount
useLocalStorage		Estado de sincronización a localstorage
useAsync	Manifestación	Async/promesa resuelto instantáneamente al estado
useAsyncFn	Manifestación	Async/Promise resuelto por devolución de llamada al estado
useBoolean	Manifestación	Estado con valor booleano y alternar la devolución de llamada
useSetState	Manifestación	Estado con componentes similares a la clase setState Comportamiento de fusión
useFirstMountState	Manifestación	Devolver true en el render del primer componente
useMountedState	Manifestación	Devuelve la devolución de llamada para verificar si el componente está montado
useIsomorphicLayoutEffect		useLayoutEffect que no muestra advertencia cuando el reproducción del lado del servidor

Licencia

Este proyecto tiene licencia bajo la licencia MIT, Copyright (C) 2019 Ruslan Povolockii. Para obtener más información, consulte LICENSE.md .