search

falconmick / gatsby-blog

My Coding Life blog source code
MIT License
0 stars 0 forks source link

How to handle transitions #1

Open falconmick opened 5 years ago

falconmick commented 5 years ago

https://github.com/gatsbyjs/gatsby/blob/master/examples/using-page-transitions/src/components/transition.js

https://github.com/reactjs/react-transition-group

Instead of handling transition globally, use render props to pass the transition state and time down to the page component. This way I can make a transition that is able to use React context to gather a target location for the banner of the blog post to move to

falconmick commented 5 years ago

React spring might be able to replace transition group

falconmick commented 5 years ago

Reparenting: https://github.com/facebook/react/issues/13044

falconmick commented 5 years ago

Look into flip animation techniques

falconmick commented 5 years ago

React flip toolkit could actually do all this