Ember Performance when using large number of components(nested)



In one part of my application i sometimes recieve quite large json.For that i am using a number of components and nested components to appropriately apply styles and other dynamic attributes to it.I am using bootstrap in my project too.

Seems that when the json is large everything slows down.For eg. there is collapsing accordion style type table that expands on clicking(first level of json).The collpase/expand is taking a lot of time.

Similarily deep in the json i have an action that appends new views in the body.Since i am using components i have to manually bubble up it to the controller using the parent components.

Adding/Removing those Views from the body is taking significant amount of time.