Best practices for state toggling components inside of a template

Curious on best practices for toggling different components within a template.

We have a working example of a list(table) and a grid(item) view.

It works great using actions and if blocks inside of the template to toggle showing a grid component, or a list component. There is a half second of render lag inbetween toggling which I feel can be optimized.

Are we attacking the problem in the correct way? Is there a more ember way to accomplish this?