Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update react-spring to the latest version 🚀 #374

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

greenkeeper[bot]
Copy link
Contributor

@greenkeeper greenkeeper bot commented Oct 24, 2018

The dependency react-spring was updated from 5.9.2 to 6.0.0.

This version is not covered by your current version range.

If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


Release Notes for v6.0.0

React-spring 6.0

  • ⚡️ React strict-mode compliant and ready for async rendering
  • 🚀 New spring engine (from rk4 to see), lots of internal changes making it faster and leaner
  • ✨ Simpler and more intuitive api

configs

  • ⏰ Duration is built in and as easy as going config={{ duration: 1000, easing: ... }}
  • ⌛️ Delays can be driven per config config={{ delay: 1000, ... }}
  • ✨ Simpler property names (mass, tension, friction, delay, precision, clamp, velocity, duration, easing)
  • 🎩 Spring config props are 1:1 compatible with react-motions and the presets finally do what they say

Springs

  • ⏮ Springs can run reverse, which switches from and to
  • 🚬 The after prop makes it easier to apply static values at the end of an animation
  • 🐉 Springs can animate scrollTop/Left

Transitions

  • 🎉 Multistage transitions are finally possible. Transition inherits from Keyframes now, which allows it to receive the same values that you can use in slots, meaning you can chain or even script transitions
  • ⭐️ The unique prop prevents two children with the same key to co-exist, which was an often asked for suggestion. If it is true, a fading-out item will vanish when an item with the same key comes in again, as opposed to forming a stack (which is still the default)
  • ✖️ The reset prop, in combination with unique forces an incoming item to always start from scratch instead of adapting the fading-out item to take start-position
  • 🐌 Transitions can trail using teh trail prop which takes a duration in ms
  • ✨ Simpler api. Previously you could optionally pass items and you would have to map over children yourself. items and keys are Transitions sole source of truth now. You give a single function child instead of mapping
  • 🎮 Transition behaves more like Reacts TransitionGroup in that it can give you way more contextual information than before, you even have access to the state your output component is in (enter/leave/update)

Trails

  • ✨ Simpler api. Same as Transitions
  • ⏮ The reverse prop can move a trail bottom-up instead of the default top-down which is more natural for items swinging in and out

Keyframes

  • ✨ Simpler api. You don't have to write to: {...} any longer since everything is interpolated to it

Parallax

  • 🤷‍ Parallax always felt off since it's not as generic as the others. It has been moved to react-spring/dist/addons and could mark the start of convenience components or effects that don't belong anywhere else

Upgrading from 5.0 to 6.0

The changes made are mostly features, the api changes are slight and looking at the front page here will tell you immediately what to do. You will probably have to adapt your Transitions and Trail, Keyframes are backwards compatible. If you have used timings off dist/addons before, duration is now inbuilt (see above). A noticeable change also concerns spring config props, where before we would be closer to how the animated library interprets tension and friction we are now 1:1 compatible with react-motion.

Commits

The new version differs by 21 commits.

There are 21 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper bot 🌴

greenkeeper bot added a commit that referenced this pull request Oct 25, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Oct 25, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.0.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Oct 26, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Oct 26, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.1.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Oct 26, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Oct 26, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.2.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Oct 27, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Oct 27, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.3.

Update to this version instead 🚀

Commits

The new version differs by 13 commits.

See the full diff

greenkeeper bot added a commit that referenced this pull request Oct 28, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Oct 28, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.4.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Oct 31, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Oct 31, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.5.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Nov 1, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 1, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.6.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Nov 7, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 7, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.7.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Nov 7, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 7, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.8.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Nov 22, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 22, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.9.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Nov 28, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 28, 2018

  • The dependency react-spring was updated from 5.9.2 to 6.1.10.

Update to this version instead 🚀

Commits

The new version differs by 7 commits.

See the full diff

greenkeeper bot added a commit that referenced this pull request Dec 11, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Dec 11, 2018

  • The dependency react-spring was updated from 5.9.2 to 7.0.0.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Dec 12, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Dec 12, 2018

  • The dependency react-spring was updated from 5.9.2 to 7.1.0.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Dec 13, 2018
greenkeeper bot added a commit that referenced this pull request Mar 8, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 8, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.14.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Mar 13, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 13, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.15.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Mar 19, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 19, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.16.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Mar 19, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 19, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.17.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Mar 20, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 20, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.18.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Apr 2, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Apr 2, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.19.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Apr 26, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Apr 26, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.19.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request May 3, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented May 3, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.20.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 5, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 5, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.21.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 6, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 6, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.22.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 7, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 7, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.23.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 14, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 14, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.24.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 14, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 14, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.25.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 30, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 30, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.26.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 30, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 30, 2019

  • The dependency react-spring was updated from 5.9.2 to 8.0.27.

Update to this version instead 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

0 participants