Creating Highly-Performant Animations using Web Animations API and React hooks

Written by welly | Published 2020/07/04
Tech Story Tags: reactjs | react-hook | web-animations-api | animation | programming | javascript | hackernoon-top-story | coding

TLDR Using Web Animations API and React hooks, we can create highly-performant, flexible and manipulable web animations in the modern world. The API design of the hook inherits the DX of the Web Animation API but also provides useful features and sugar events to us. The hook exposes the animation instance for us to interact with animations. This hook exposes animation instance to us by the React hook value. Play on CodeSandbox or use useWebAnimations from "@wellyshen/use-web-animations"via the TL;DR App

no story

Written by welly | Code x Design ✨
Published by HackerNoon on 2020/07/04