Installations

npm install tr-tmp-react-script-hook

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

12.6.0

NPM Version

6.9.0 Pull Requests

Open

5

Total

27

Closed

1

Merged

21

Issues

Open

5

Total

15

Closed

10

Releases

Unable to fetch releases

Contributors

12

Unable to fetch Contributors

View all 12 contributors

Languages

2

TypeScript

JavaScript

TypeScript (96.76%)

JavaScript (3.24%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

hupe1980

Download Statistics

Total Downloads

363

Last Day

1

Last Week

1

Last Month

4

Last Year

53

GitHub Statistics

127 Stars

95 Commits

20 Forks

4 Watching

5 Branches

12 Contributors

Bundle Size

1.28 kB

Minified

660.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

1.0.17

Package Id

tr-tmp-react-script-hook@1.0.17

Unpacked Size

7.76 kB

Size

3.44 kB

File Count

9

NPM Version

6.9.0

Node Version

12.6.0

Total Downloads

Cumulative downloads

Total Downloads

363

Last day

0%

1

Compared to previous day

Last week

-50%

1

Compared to previous week

Last month

-60%

4

Compared to previous month

Last year

-17.2%

53

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

2

react react-dom

Dev Dependencies

24

Versions

react-script-hook

React hook to dynamically load an external script and know when its loaded

Install

1// with npm
2npm install react-script-hook
3
4// with yarn
5yarn add react-script-hook

How to use

1import React from 'react';
2import { StripeProvider } from 'react-stripe-elements';
3import useScript from 'react-script-hook';
4
5import MyCheckout from './my-checkout';
6
7function App() {
8  const [loading, error] = useScript({ src: 'https://js.stripe.com/v3/' });
9
10  if (loading) return <h3>Loading Stripe API...</h3>;
11  if (error) return <h3>Failed to load Stripe API: {error.message}</h3>;
12
13  return (
14    <StripeProvider apiKey="pk_test_6pRNASCoBOKtIshFeQd4XMUh">
15      <MyCheckout />
16    </StripeProvider>
17  );
18}
19
20export default App;

Use with callbacks

1useScript({ 
2  src: 'https://js.stripe.com/v3/',
3  onload: () => console.log('Script loaded!') 
4})

License

MIT

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

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

10

License

Determines if the project has defined a license.

1

Code-Review

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

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

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.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.6

/10

Last Scanned on 2025-02-03

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