npmpackage.info

Gathering detailed insights and metrics for use-click-document

Other packages similar to use-click-document

vscode-languageserver-textdocument

1.0.12

A simple text document implementation for Node LSP servers

vscode-languageserver

9.0.1

Language server implementation for node

react-onclickoutside

6.13.1

An onClickOutside wrapper for React components

vscode-languageserver-types

3.17.5

Types used by the Language server for node

Gathering detailed insights and metrics for use-click-document

use-click-document

react-hooks component

1.0.0

TypeScript

356.00 B

1,119 2.2

Installations

npm install use-click-document

Pull Requests

Open

2

Total

10

Closed

5

Merged

3

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

shatee

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

16.3.0

NPM Version

7.15.1 Statistics

13 Commits

2 Watching

3 Branches

1 Contributors

Updated on 07 Jul 2021

Bundle Size

605.00 B

Minified

356.00 B

Minified + Gzipped

Bundlephobia

Languages

TypeScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

1,119

Last day

Compared to previous day

Last week

-50%

Compared to previous week

Last month

33.3%

Compared to previous month

Last year

-7.3%

166

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react-dom

Dev Dependencies

@types/react react react-dom typescript webpack

Versions

use-click-document

install

npm install use-click-document

usage basis

1import React, { useCallback } from 'react';
2import { useClickDocument } from 'use-click-document';
3 
4const SomeComponent = () => {
5  const onAnythingClick = useCallback((event: MouseEvent) => {
6    console.log('clicked anything', event.target);
7  }, []);
8
9  useClickDocument(onAnythingClick);
10 
11  return <div>something</div>;
12};

usage ignored target refs

1import React, { useCallback, useRef } from 'react';
2import { useClickDocument } from 'use-click-document';
3 
4const SomeComponent = () => {
5  const refA = useRef<HTMLElement>(null);
6  const refB = useRef<HTMLElement>(null);
7
8  const onClickIgnoredAB = useCallback((event: MouseEvent) => {
9    console.log('clicked not a and b', event.target);
10  }, []);
11
12  useClickDocument(onClickIgnoredAB, [refA, refB]);
13
14  return (
15  <div>
16    <div ref={refA}>A</div>
17    <div ref={refB}>B</div>
18    <div>C</div>
19  </div>
20  );
21};

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

7

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

2.2

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More