Performance issues with larger datasets [Javascript Framework]

[DavidCarl]

Right now we are facing problems with our choice of JavaScript framework (VueJS). In our own internal project Dilly-Dally we are facing problems with outputting a larger JSON Object.

Our plan was to have this data in a table, however it seems VueJS are struggling a bit with displaying so much information fast. Source

This could end up taking us into 4 solutions:

1st solution is scrapping VueJS and try to implement it in other frameworks such as React and Angular and compare their responsiveness. Apparently React might be faster for this use case compared to VueJS Source

2nd solution is to remove the input fields in each cell since input fields are heavy to generate. This solution makes multiple new solutions. This could be to make them editable through event-listener on-click on the text, a button that changes the text to input fields or open a modal box.

3rd solution is to scrap the table idea and make rows with div and then use CSS to make it look like a table. This should also give us some performance improvements. Source

4th solution is figuring out if pagination helps solve this problem for us, or if there is something else that can fix it for us.

Please comment down below if you feel like there is something that we have missed here

[groenborg]

3rd and 4th in a mix, I believe is a good solution. Having large datasets in your frontend tends to slow down any framework, using pagination is a good approach here. Also, I don't believe anyone is using table tags anymore. Better to write your tables using divs and the like and use CSS grids for styling.