Gathering detailed insights and metrics for @abartolo/react-plaid-link
Gathering detailed insights and metrics for @abartolo/react-plaid-link
Gathering detailed insights and metrics for @abartolo/react-plaid-link
Gathering detailed insights and metrics for @abartolo/react-plaid-link
npm install @abartolo/react-plaid-link
Typescript
Module System
Node Version
NPM Version
67.1
Supply Chain
91.2
Quality
75
Maintenance
100
Vulnerability
100
License
TypeScript (65.85%)
JavaScript (27.29%)
Makefile (5.29%)
Shell (1.58%)
Total Downloads
2,304
Last Day
3
Last Week
9
Last Month
31
Last Year
199
272 Stars
164 Commits
151 Forks
53 Watching
43 Branches
235 Contributors
Minified
Minified + Gzipped
Latest Version
3.1.1
Package Id
@abartolo/react-plaid-link@3.1.1
Unpacked Size
70.68 kB
Size
13.19 kB
File Count
17
NPM Version
6.12.1
Node Version
12.13.1
Cumulative downloads
Total Downloads
Last day
0%
3
Compared to previous day
Last week
50%
9
Compared to previous week
Last month
47.6%
31
Compared to previous month
Last year
-55.3%
199
Compared to previous year
2
47
React hooks and components for integrating with the Plaid Link drop module
With npm
:
npm install react-plaid-link --save
With yarn
yarn add -S react-plaid-link
Please refer to the official Plaid Link docs for a more holistic understanding of the various Link options.
Head to the react-plaid-link
storybook to try it out for yourself, or
checkout:
This is the new and preferred approach for integrating with Plaid Link in React.
1import React, { useCallback } from 'react'; 2import { usePlaidLink } from 'react-plaid-link'; 3 4const App = () => { 5 const onSuccess = useCallback((token, metadata) => { 6 // send token to server 7 }, []); 8 9 const config = { 10 token: '<GENERATED_LINK_TOKEN>', 11 onSuccess, 12 // ... 13 }; 14 15 const { open, ready, error } = usePlaidLink(config); 16 17 return ( 18 <MyButton onClick={() => open()} disabled={!ready}> 19 Connect a bank account 20 </MyButton> 21 ); 22}; 23export default App;
1import React from 'react'; 2import { PlaidLink } from 'react-plaid-link'; 3 4const App = props => { 5 const onSuccess = (token, metadata) => { 6 // send token to server 7 }; 8 9 return ( 10 <PlaidLink 11 token="<GENERATED_LINK_TOKEN>" 12 onSuccess={onSuccess} 13 {...} 14 > 15 Connect a bank account 16 </PlaidLink> 17 ); 18}; 19export default App;
Please refer to the official Plaid Link docs for a more holistic understanding of the various Link options and the link_token.
1// src/types/index.ts 2interface PlaidLinkOptionsWithLinkToken = { 3 token: string; 4 onSuccess: Function; 5 onExit?: Function; 6 onLoad?: Function; 7 onEvent?: Function; 8 receivedRedirectUri?: string; 9} 10 11type PlaidLinkOptions = PlaidLinkOptionsWithLinkToken;
Typescript definitions for react-plaid-link
are built into the npm packge.
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
all changesets reviewed
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
2 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 1
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
68 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-01-27
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