Hight tab, high input react app: Or how I learned to stop listening to react docs and learn data flow.
Web app design Firstly ignoring the technical details, let’s go over the end goal of the web app. web app design We would like to receive data from an API endpoint into our web app. Then within the web app we need to do CRUD (create, read, update, delete) and re-order some of the data before sending it off to the destination. user flow: New tabs can be created for a specific api endpoint. This brings up specific API endpoint parameters to fetch the data. Pressing get data will fetch the data into the data manipulation section. Switching from one tab to another would preserve any data manipulation that happened as well as the API parameters that were selected. Initial thoughts on state Ignoring React specifics, the natural way to represent the state would be a list of tabs. Each tab having a large JSON needed to render endpoint parameters and the data manipulation. ...