1.0.18 • Published 8 months ago
@abner.dev/session-storage-tabs v1.0.18
Instalação
Instale session-storage-tabs usando npm ou yarn
npm install @abner.dev/session-storage-tabs
yarn add @abner.dev/session-storage-tabs
Uso/Exemplos
- Configure o projeto no arquivo raiz
_page.tsx
no nextjs oumain.tsx
no reactjs:
import { TabContextProvider } from '@abner.dev/session-storage-tabs'
function App() {
return (
<TabContextProvider>
<Component />
<TabContextProvider/>
)
}
- O proximo passo é pegar os valores de quantas abas do seus sistema estão abertas em seu navegador, por isso criei duas variaveis importantes
sessionId
que indentifica o id do navegador etabKey
que indentifica a aba que o usuário está acessando no momento:
import { useContext } from "react";
import { TabContext, TabProps } from "@abner.dev/session-storage-tabs";
function Index() {
const { sessionId, tabKey }: TabProps = useContext(TabContext);
return (
<div>
<span>{sessionId}<span/>
<span>{tabKey}<span/>
<div/>
);
}
Demonstração
Stack utilizada
Front-end: React + Vite + Context + Typescript
Back-end: BrowserTabTracker
1.0.18
8 months ago
1.0.17
8 months ago
1.0.16
8 months ago
1.0.15
8 months ago
1.0.14
8 months ago
1.0.13
8 months ago
1.0.12
8 months ago
1.0.11
8 months ago
1.0.10
8 months ago
1.0.9
8 months ago
1.0.8
8 months ago
1.0.7
8 months ago
1.0.6
8 months ago
1.0.5
8 months ago
1.0.4
8 months ago
1.0.3
8 months ago
1.0.2
8 months ago
1.0.1
8 months ago
1.0.0
8 months ago