I am currently starting to work upon a project which will help in visualizing certain data structures. I chose react.js for front-end. Since, I will be incorporating algorithms based on the current structures available, I need them to be properly structured. For this, I have planned to use typescript to prepare classes for each of these structures.

The problem lies in my experience. I haven’t done such thing before and have many possible challenges which might come, in my mind.

What can be an optimal way to first create some data structures (starting from fundamentals) and then being able to render them. The rendering will done dynamically as the structure changes.

I know the question isn’t asked properly but I am willing to make proper changes to it.

I have tried implementing arrays beforehand using a simple array as a state and updating it based on user interactions. That worked but the problem was that I was not able to code further structures In a similar manner (functions, routing, etc.).