Switching the active tab with the Telerik React TabStrip component seems to always re-instantiate any components within the <TabStripTab>. This isn't an issue with basic tabs containing only text such as the examples on the Telerik website. However, some of our tabs contain heavier items like data bound charts. Re-instantiating these components on each selected tab change is too costly.
Is there a way to prevent this behavior? We have tried using Bootstrap's tabs and they do not have this same side effect. With bootstrap, the components contained inside the tabs are simply re-rendered.
1 Answer, 1 is accepted
0
Hello, Erik,
Thank you for the suggestions.
Indeed, the current TapStrip performance could be improved in terms of switching the taps.
I have logged and enchantment in our GitHub repository, so we can discuss and improve it in the future release:
https://github.com/telerik/kendo-react/issues/24
We could recommend disabling the animations, as this will noticeably improve the performance:
https://www.telerik.com/kendo-react-ui/components/layout/api/PanelBarProps/#toc-animation
We are using the TapStrip in one of our demo applications where there are multiple Charts inside and the performance is acceptable:
https://telerik.github.io/react-dashboard/dashboard
I hope this is helpful.
Regards,
Stefan
Progress Telerik
Thank you for the suggestions.
Indeed, the current TapStrip performance could be improved in terms of switching the taps.
I have logged and enchantment in our GitHub repository, so we can discuss and improve it in the future release:
https://github.com/telerik/kendo-react/issues/24
We could recommend disabling the animations, as this will noticeably improve the performance:
https://www.telerik.com/kendo-react-ui/components/layout/api/PanelBarProps/#toc-animation
We are using the TapStrip in one of our demo applications where there are multiple Charts inside and the performance is acceptable:
https://telerik.github.io/react-dashboard/dashboard
I hope this is helpful.
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items