Just one of the things I'm learning. https://github.com/hchiam/learning

https://www.react-spring.io

https://www.react-spring.io/docs/hooks/examples

CSS transitions are performant and good enough for common one-off tasks, but react-spring has some special properties:

• not time-based
• fluid interactivity
• interruptibility
• concurrency
• and apparently things like easy time-travel and slow-motion?

Think in terms of springs instead of durations. Get natural realistic interactive fluidity.

npm install react-spring

I set up /my-app from scratch (https://github.com/hchiam/learning-reactjs and https://react-spring.io)

npx create-react-app my-app
cd my-app
yarn add react-spring

yarn start
# https://localhost:3000/

Edit App.js

And look in the "/src/LOOKHERE" folder.

If you just want to run the demo that I've already built:

# gh repo clone hchiam/learning-react-spring
# cd hchiam/learning-react-spring
cd my-app
yarn
yarn start
# https://localhost:3000/