browsers/tabs-manager
A JS library for browser/tab management system.
Lastest version 1.4.0 **Last issue fixed: lost data when browser crash unexptected
This package help you to manage your browsers/tabs which is on your react web app.
How it works
;;;const defaultData = isActive: false { return <div className="App"> <header className="App-header"> <img src=logo className="App-logo" alt="logo" /> <p> Edit <code>src/Appjs</code> and save to reload </p> <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer" > Learn React </a> </header> </div> ;} App 'my-app-key' defaultData;
TabManager functions support
let tabManager = tabManager = newTab: <<A ////getTab let tab = tabManager.getTab(tabId) ////removeTab tabManager.removeTab(tabId) ////getTabList let tabList = tabManager.getTabList() ////setTab let tab = tabManager.setTab(tabId, { isActive: true }) ////setManagerData //--> cannot replace tablist ////getData let data = tabManager // get all data let data = tabManager //get tabList - can be null or undefined ////emit tabManager // send message to other tab tabManager // change data and send message to other tab ////addTabListener tabManager ////removeTabListener, tabManager ////scanInactiveTab, tabManager ////unMount, tabManager ////didMount tabManager
Get more in my example: https://github.com/thanhtai-personal/tabmanager-example
That's all.
Note. ** TabManagerWrapper helped you to create tab data when you load your component and then remove tab data when you close your tab. Then if you use TabManagerWrapper, you have not to do it again.** ** Better if you use TabManagerWrapper to wrap your root component. ** Have fun.