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 .