react rockstar, ideally with spreadJS experience

Job ID: 31477795

Budget: $30 – $250 USD

We need someone to chip in and actually implement this project (not just advise) and potentially additional work moving forward.

We use SpreadJS library to let users view and manage data in a convinient Excel environment they are used to work in (https://www.grapecity.com/spreadjs)
The web application is powered by reactjs.
SpreadJS react integration is pure and does not allow to use react’s declarative approach for rendering data as table of rows and columns like you can do with <table>, <tr>, <td>
We’ve tried two approaches for using SpreadJS in declarative way within our ReactJS:
(a) Phantom components (<Xtable>, <Xtr>, <Xtd>) doing imperative calls to underlying SpreadJS instance (getCell, addSpan, etc) to set/update/clear values and formatting
(b) React-reconciler with calling imperatively SpreadJS instance in commitMount/commitUpdate phases
Current problem is that overall implementation needs to be robust and stable so that the underlying spreadjs instance does not ‘go away’ accidentally while we are imperatively setting data to it.
We did not try ‘Data provider/source approach’ where instead of addressing individual cell you would supply a data source providing the data collected from declarative components <Xtable>, <Xtr>, <Xtd>

Requirements:
You will need to:
(1) Evaluate possibility to supply data to SpreadJS as data source while consuming data from end-user/backend through declarative components <Xtable>, <Xtr>, <Xtd>
(2) Evaluate possibility to supply formulas to SpreadJS through data source or check if data source is separate and formulas are to be provided somehow differently
(3) In the event of successful evaluation of (1) and (2) correct implementation of existing react reconciler api for SpreadJS by moving to phantom components
(4) The implementation you will do must allow for more than one spreadjs on a single page
Related categories: React.js Typescript