npmpackage.info

Gathering detailed insights and metrics for gatsby-plugin-why-did-you-render

Other packages similar to gatsby-plugin-why-did-you-render

gatsby-plugin-why-did-you-render-redux

0.2.1

Gatsby plugin to include @welldone-software/why-did-you-render with useSelector tracing

gatsby-plugin-why-did-you-render

Gatsby plugin to include @welldone-software/why-did-you-render

2.0.0

MIT

JavaScript

204.00 B

113,790 2.7

Installations

npm install gatsby-plugin-why-did-you-render

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Score

63.5

Supply Chain

66.3

Quality

75.1

Maintenance

100

Vulnerability

99.6

License

Pull Requests

Open

1

Total

1

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

JavaScript (100%)

Developer

chooban

Download Statistics

Total Downloads

113,790

Last Day

601

Last Week

2,254

Last Month

9,399

Last Year

28,429

GitHub Statistics

6 Commits

2 Watching

2 Branches

1 Contributors

Bundle Size

272.00 B

Minified

204.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.0.0

Package Id

gatsby-plugin-why-did-you-render@2.0.0

Unpacked Size

2.78 kB

Size

1.56 kB

File Count

Total Downloads

Cumulative downloads

Total Downloads

113,790

Last day

19%

601

Compared to previous day

Last week

1.4%

2,254

Compared to previous week

Last month

203.4%

9,399

Compared to previous month

Last year

207.6%

28,429

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@welldone-software/why-did-you-render

Versions

gatsby-plugin-why-did-you-render

Include the @welldone-software/why-did-you-render library when running gatsby develop.

Before You Continue

This plugin can be replicated by adding @welldone-software/why-did-you-render as a dependency, and adding the following code to your gatsby-browser.js:

1import React from 'react'
2
3export const onClientEntry = () => {
4  if (process.env.NODE_ENV !== 'production') {
5    const whyDidYouRender = require('@welldone-software/why-did-you-render')
6    whyDidYouRender(React, {
7      trackAllPureComponents: true
8    })
9  }
10}

You're probably better off doing that and retaining more control of the version of WDYR that gets installed. However, if you want to continue...

Installation

Using npm:

npm i gatsby-plugin-why-did-you-render

Using yarn:

yarn add gatsby-plugin-why-did-you-render

How To Use

// In your gatsby-config.js
module.exports = {
  plugins: ['gatsby-plugin-why-did-you-render']
};

No vulnerabilities found.

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.

7

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

SAST

Determines if the project uses static code analysis.

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

Branch-Protection

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

Score

2.7

/10

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