svngoku / animez-vos-composants-avec-vue-flip-toolkit

Répositorie sur la video de Grafikart : Animez vos composants avec Vue Flip Toolkit

Vue Flip Toolkit

Vue Flip Toolkit est une librairie d'animation basé sur la technique FLIP. D'abord implementer avec ReactJS, elle est maintenant disponible en Vuejs.

Note

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.

Details

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 .

Ressource

Article

Librarie Vue-flip-toolkit