Vue Flip Toolkit est une librairie d'animation basé sur la technique FLIP.
D'abord implementer avec ReactJS
, elle est maintenant disponible en Vuejs
.
Le cours à été réaliser par Grafikart. L'article et la vidéos sont disponible au lien en dessous, et vous y retrouveriez plus d'informations
sur la librairie vue-flip-toolkit
.
Flip toolkit est un composant qui permet de créer des animations complexes simplement en traçant la position des différents objects.
Ces deux composants sont Flipped
et Flipper
.
-
<Flipper />
: composant utilisés pour englober toute une série d'élements que l'on souhaite rendre dynamique . -
Flipped
: permet de désigner un élement qui doit etre animé.
Nous devons toujours penser à mettre des clés qui seront unique pour chaque éléments , au risque d'avoir des problèmes cotés animations. Et penser à bien utiliser la props shouldFlip
afin d'optimiser les perfermances et de ne pas déclenher des calculs unitilement .