react essential tools

react-assential-tools

Collection de crochets et de composants réactifs essentiels

Exemples d'utilisation du livre de contes en direct

Caractéristiques

• Facile à apprendre et à utiliser.
• Contient une richesse de composants utiles.
• Contient une multitude de crochets avancés qui sont affinés à partir de l'application.
• Contient une richesse de crochets de base.
• Écrit en dactylographie.

Installation

 npm i react-essential-tools

Usage

Vous devez avoir réagi 16.8.0 ou ultérieur installé pour utiliser l'API Hooks. Vous pouvez importer chaque crochet ou composant à l'aide d'importations nommées ES6 (tremblement d'arbre recommandé).

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

Composants

Source	Prévisualisation	Brève description
CircularProgress	Démo	Les indicateurs de progrès communément appelés filateurs, expriment un temps d'attente non spécifié ou affichent la durée d'un processus.
Modal	Démo	Fournit une base solide pour créer des dialogues, des popovers, des boîtes lumineuses ou quoi que ce soit d'autre.
Backdrop	Démo	Une couche basée sur votre application.
Skeleton	Démo	Place pour le chargement
NoSsr		Désactiver le SSR pour le contenu
Tooltip	Démo	Petite popup avec des informations
Popper	Démo	Affiche du contenu en plus d'un autre
Collapse	Démo	Anime l'expansion / l'effondrement du contenu
Slide	Démo	Anime le diapositive / le glissement du contenu
Zoom	Démo	Anime le zoom-in / zoom-out du contenu
Fade	Démo	Anime la décoloration / la décoloration du contenu
Grow	Démo	Anime l'échelle / l'échelle du contenu
Portal	Démo	Rendre le contenu à l'intérieur de n'importe quel nœud DOM cible

Crochets

Source	Prévisualisation	Brève description
useDebouncedCallback	Démo	Obtenir un rappel démontré
useLongPress	Démo	Tire un rappel après une longue pression
useHover	Démo	Tracks planant de l'élément
useHistory	Démo	Énoncer avec undo / refaire / réinitialisation
useMedia	Démo	État de requête médiatique CSS
useMotion	Démo	État du capteur d'accélération de l'appareil
useClipboard	Démo	Lire et écrire dans le presse-papiers de l'utilisateur
useMouse	Démo	État de position de souris
useIntersection	Démo	Intersection des éléments État de la fenêtre
useClickAway	Démo	Tire un rappel sur un clic extérieur
useNetwork	Démo	État des informations du réseau
useWindowScroll	Démo	État de position de défilement de fenêtre
useKey	Démo	Tire un rappel après l'utilisation des touches de clavier configurées
useEvent	Démo	Ajouter des auditeurs et un nettoyage automatique sur UNMOUNT
useTimeoutFn	Démo	Rappel d'incendie avec retard
useInterval	Démo	Rappel d'incendie avec un intervalle contrôlé
usePrevious	Démo	Valeur de l'état précédent
useUpdateEffect	Démo	useEffect avec la première invocation Skip
useMount	Démo	Rappel sur les incendies sur le mont
useUnmount	Démo	Rappel d'incendie sur Unmount
useLocalStorage		Synchronisation de l'état avec localstorage
useAsync	Démo	Async / promesse résolu instantanément pour affirmer
useAsyncFn	Démo	Async / Promise résolu par rappel à l'état
useBoolean	Démo	État avec une valeur booléenne et un rappel à bascule
useSetState	Démo	État avec un comportement de setState des composants de classe similaire
useFirstMountState	Démo	Retour true sur le rendu du premier composant
useMountedState	Démo	Retournez le rappel pour vérifier si le composant est monté
useIsomorphicLayoutEffect		useLayoutEffect qui ne montre pas d'avertissement lors du rendu côté serveur

Licence

Ce projet est autorisé en vertu de la licence du MIT, Copyright (C) 2019 Ruslan Povolockii. Pour plus d'informations, voir LICENSE.md .