Using handsontable pro with reactjs

hi guys,
we are just starting a new project using handsontable with reactjs. we are using the version on github.com/handsontable/react-handsontable

what im not sure about is the right way to integrate handsontable with the state management in reactjs - like redux or mobx (which we use). I’m especially confused on where to handle callbacks - because we want to call an api when some stuff happens.

It would be super useful to get atleast some clue of how to do this.

thanks!

Hi @sss
please track changes to issue: https://github.com/handsontable/react-handsontable/issues/1
It relates to the same case.

@aleksandra_budnik thanks for your reply. Should I also add another comment there or will someone from here reply on that bug ?

because that bug does not relate to reactjs usage … but instead just installation.

I have already managed to install handsontable within react - my question is beyond that: how do I integrate handsontable with the statement management within react (especially mobx)

Hi @sss

This is a pretty new technology when it comes to Handsontable and to be honest we did not test it yet. Please check updates on the readme and wiki section for React wrapper.

The wrapper was launched week ago so we are still testing a lot and trying to find best solutions available.

@aleksandra_budnik thanks for your reply!

I look forward to what you come up with - I have been messaging on the reactjs group on reddit and several people are trying to (and frequently failing) to use handsontable with reactjs.

As a quick suggestion in case you guys are doing this - your testing should include reactjs + mobx . Reactjs typically uses a separate library for state management (as well as external api calls). There are many options for this, two most popular being Redux and mobx.

Redux typically has a super high learning curve - while mobx is very quick to get started with.

Good to know. Thanks for your tips @sss :slight_smile: