[Solved] How to improve Angular2 rendering performances when accessing a backend server?

Question

I would save the data into an array then use lodash to manipulate it.
You could edit, delete, and add rows using lodash’s built in functions. When you want to save the data to the backend you would then post the array back to the server. This will keep backend requests to a minimum which will help your performance.

For example you could delete elements from the array using the remove function, https://lodash.com/docs/4.17.4#remove

Lodash can be setup like this https://medium.com/@gtsopour/importing-lodash-into-angular-2-typescript-application-94590365f46d#.9mdcdjnac

Of course you could do this all using raw js though but I find Lodash very rich and easy to use.

Accepted Answer

I would save the data into an array then use lodash to manipulate it.
You could edit, delete, and add rows using lodash’s built in functions. When you want to save the data to the backend you would then post the array back to the server. This will keep backend requests to a minimum which will help your performance.

For example you could delete elements from the array using the remove function, https://lodash.com/docs/4.17.4#remove

Lodash can be setup like this https://medium.com/@gtsopour/importing-lodash-into-angular-2-typescript-application-94590365f46d#.9mdcdjnac

Of course you could do this all using raw js though but I find Lodash very rich and easy to use.