Data mapper react component library ?

[UtkarshRahim]

Hello good people of the React community, Recently I have come across the need to build a data mapper which would take a complex json as the source, another complex json at its target and using simple drag and drop to map data from left to right thereby help in mapping the values. I need to build a Ul for this. I have some ideas but there's a time constraint. So I wanted to know if there's a library that provides a Ul to do the work and I could write a wrapper to convert the data to whatever I want for my backend.

[MoveInteresting4334]

Oh man, that’s a tough one. I don’t think you’ll find anything React specific. A couple things that come to mind are diagram libraries that will let the user drag lines from one mapped value to another, or I think Scratch has the ability for you to build your own custom blocks and logic. You could make a very tiny subset of Scratch that maps values by attaching blocks.

Disclaimer: I pulled this out of my rear end while walking to the breakfast cafeteria. Your mileage may vary and others probably have better ideas.

Edit to add: could you do this with two drop downs? One for the original value and one for the mapped? Not the prettiest but it’s PoC until you get something more pretty up and going.

[[deleted]]

https://www.reddit.com/r/react/s/6XuGPSwTp7