Hacker News new | ask | show | jobs
by lobster_johnson 3867 days ago
As always with front-end libraries these days, my first question is: Does it play nice with React?
2 comments

let's just make a wrapper :D
React generally requires more than just a wrapper, since its virtual DOM is populated in a highly controlled manner that libraries need to follow. But you can try.
Actually it's pretty trivial. You can always just have your render function be just a static div, set a ref to the div, and do setup in componentDidMount and updates in componentWillUpdate. Since the render function will always return a trivially identical subtree, it will never change that DOM node. Of course, if your component moves in the HTML hierarchy, your animation may restart, but that's unlikely in most use cases.
Depends. Animation tends to be about transitions, so you want to transition between elements. For that you need to handle the virtual DOM.

Twitter's Velocity [1] wrapper is an example of something that works like this, though the authors admit their solution is not idiomatic React.

[1] https://github.com/twitter-fabric/velocity-react#readme

As opposed to, say, server-side graphical libraries for the web?
Well, yes.
I'll get right on that "I generated a jpeg" post then!