https://github.com/idimetrix/use-before-unload
React side-effect hook that shows browser alert when user try to reload or close the page.
https://github.com/idimetrix/use-before-unload
Last synced: 6 months ago
JSON representation
React side-effect hook that shows browser alert when user try to reload or close the page.
- Host: GitHub
- URL: https://github.com/idimetrix/use-before-unload
- Owner: idimetrix
- License: other
- Created: 2024-09-17T04:00:02.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-09-17T04:08:34.000Z (8 months ago)
- Last Synced: 2024-11-29T17:16:50.024Z (6 months ago)
- Language: TypeScript
- Size: 59.6 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# use-before-unload3
React side-effect hook that shows browser alert when user try to reload or close the page.
## Installation
To install the package, use npm:
```bash
pnpm add use-before-unload3
yarn install use-before-unload3
npm install use-before-unload3
```
## Usage
```typescript
import { useBeforeUnload } from 'use-before-unload3';
useBeforeUnload('Message');
```
## tsup
Bundle your TypeScript library with no config, powered by esbuild.
https://tsup.egoist.dev/
## How to use this
1. install dependencies
```
# pnpm
$ pnpm install
# yarn
$ yarn install
# npm
$ npm install
```
2. Add your code to `src`
3. Add export statement to `src/index.ts`
4. Test build command to build `src`.
Once the command works properly, you will see `dist` folder.
```zsh
# pnpm
$ pnpm run build
# yarn
$ yarn run build
# npm
$ npm run build
```
5. Publish your package
```zsh
$ npm publish
```
## test package
https://www.npmjs.com/package/use-before-unload3