Skip to content
Adam Learns notes

react spring

Created: 2018-06-20 10:10:06 -0700 Modified: 2018-06-20 13:07:36 -0700

Background (reference)

Section titled Background (reference)

This is an animation framework. I basically just gave up on trying to learn any of this because of how challenging it was to figure it all out. Instead, I switched to react-pose.

Keyframes (reference)

Section titled Keyframes (reference)

Keyframes can be used for sequential animations, e.g. “move a circle right by 200 pixels, then after that’s done, change its color to red”.

From looking through keyframes.js:

  • “primitive” is the component itself. It gets rendered like this.
  • ”states” are “slots”. Slots are just animations in the keyframe, e.g. “move right” could be a slot and “change background color” could be a slot.