search

sghall / react-move

React Move | Beautiful, data-driven animations for React
https://react-move-docs.netlify.app
MIT License
6.58k stars 168 forks source link

TickGroup #30

Closed ekatzenstein closed 6 years ago

ekatzenstein commented 7 years ago

Why was TickGroup removed from Resonance for React-Move? Is there an alternative for setting up axes for data visualization?

sghall commented 7 years ago

Yeah, good call. We removed the TickGroup to keep the API for react-move very focused. It's probably better to put it into your codebase (or offer it as a third-party component). The react-move API is just Animate for single items and NodeGroup for an array of items.

In earlier versions of resonance that component was much more valuable, but now it's really just a simple wrapper around NodeGroup so you can make axes by just implementing it in your code.

If you want to make animated axes you can just use the original resonance component as a blueprint. Checkout the resonance TickGroup here.

Perhaps we should put an example in the docs with an animated axis and use that component (?)

ekatzenstein commented 7 years ago

Thanks @sghall. More examples would be great...would also help this awesome library to get more attention. I'm still on the search for a library that will replace d3's dom components (i.e.: d3.axis, as mentioned here: https://hackernoon.com/how-and-why-to-use-d3-with-react-d239eb1ea274) without having to create a faux dom, but am aware that's a tall order.

techniq commented 7 years ago

@ekatzenstein Take a look at https://github.com/hshoff/vx

ekatzenstein commented 7 years ago

Wow, hadn't seen this one. Thanks!

techniq commented 7 years ago

@ekatzenstein I've been kicking it around lately, along with react-move, and have had great success with them so far. You can see using the 2 together from my collapsible tree example under the in the wild section. I've also seen data-ui experimenting with the 2 as well.

ekatzenstein commented 7 years ago

Beautiful, that was my follow-up question: combining the two. Thanks @techniq