Forum Discussion
When Navigating Away and Returning to My Teams Static Tab Extension, It Reloads—How to stop reload?
I have developed a static tab extension for Microsoft Teams using ReactJS. The tab functions as expected; however, when I navigate to other Teams features such as Chat or Calendar and then return to my tab, it reloads from the beginning. This results in a poor user experience since the tab does not retain its previous state or position.
I want my static tab to behave like the native Teams tabs, where it retains its state and loads instantly when navigated back to. How can I achieve this in a ReactJS-based Teams tab? Are there any specific ways or methods to achieve native behavior? Additionally, are there any changes in the manifest that could fix this reload issue?
Any guidance or recommendations on how to effectively implement state persistence to achieve a seamless user experience would be greatly appreciated. Thank you in advance for your assistance.
Nivedipa-MSFTMicrosoft
Raghavendra_Reddy1860 - Thanks for reporting your issue,
You can achieve similar behavior in a couple of ways:
- Leverage service workers and follow other best practices to make the app load as fast as possible:
https://auth0.com/blog/12-steps-to-a-faster-web-app/ - Leverage offline storage like IndexedDB or LocalStorage to persist state even if the apps get torn down.
Thanks,
Nivedipa
*************************************************************************
If the response is helpful, please click "**Accept Answer**" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.
- Leverage service workers and follow other best practices to make the app load as fast as possible:
