babel-plugin-react-perf

v0.1.2

# Introduction 对于babel-plugin-react-perf这款插件，主要是用来分析和检测react代码使用不当的地方 1. 首先会在编译阶段对react组件进行分析，对于严重的语句，直接进行报错，而对于警告类的，只是给予警告 2. 然后在运行阶段，会自动注入代码，对于执行时间过长和有重新渲染的组件进行console日志的提示 For more information about how to use this package see README

Latest version published 7 years ago

License: Unknown

NPM

GitHub

Package Health Score

30 / 100

security
Security review needed
popularity
Limited
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
0.1.2	\|	05/2017		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.0.3	\|	03/2017		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.0.1	\|	03/2017	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

Unknown

Unable to detect license

We couldn’t find an appropriate license for this project. It is highly advised to make sure the project license is compatible with your business needs before including it as a dependency, to keep yourself protected from infringement suits or loss of your own code.

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (0)

GitHub Stars: 24
Forks: 0
Contributors: 1

Direct Usage Popularity

The npm package babel-plugin-react-perf receives a total of 0 downloads a week. As such, we scored babel-plugin-react-perf popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package babel-plugin-react-perf, we found that it has been starred 24 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 1
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like babel-plugin-react-perf is missing a Code of Conduct.

How about a good first contribution to this project? It seems that babel-plugin-react-perf is missing a LICENSE file.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 0
Open PR: 0
Last Release: 7 years ago
Last Commit: 7 years ago

Further analysis of the maintenance status of babel-plugin-react-perf based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for babel-plugin-react-perf is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 8 years
Dependencies: 4 Direct
Versions: 7
Install Size: 0 B
Dist-tags: 1
# of Files: 0
Maintainers: 1
TS Typings: No

babel-plugin-react-perf has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

babel-plugin-react-perf

Introduction

对于babel-plugin-react-perf这款插件，主要是用来分析和检测react代码使用不当的地方

首先会在编译阶段对react组件进行分析，对于严重的语句，直接进行报错，而对于警告类的，只是给予警告
然后在运行阶段，会自动注入代码，对于执行时间过长和有重新渲染的组件进行console日志的提示

usage

npm install --save babel-plugin-react-perf

config

{
  "presets": ["es2015", "react"],
  "plugins": [
    ["react-perf",{
        "maxExecuteLimit": 5,
        "maxRenderElements": 50,
        "needAddPerfRule": {
          "superClass": ["Component"]
        },
        "invalidStatements": [
          "this.refs.\\w+.value\\s*=\\s*\\S+"
        ]
      }
    ]
  ]
}

fields

maxExecuteLimit

react组件最大执行时间（单位ms），如果超过这个时间，会在runtime跑出一个error

maxRenderElements

react组件包括的最大元素数，如果超过这个值，表示组件可以考虑颗粒化

needAddPerfRule

对于有些组件，不需要进行分析，所以对于这个参数，可以配置哪些类需要被perf插件检测 superClass表示父类，一般情况下，好多react组件都继承Component

编译阶段分析

不能使用this.state.xxx = xxx的语句
在componentWillMount,constructor里面使用this.setState,可以吧state写在constructor里面 this.state= {}
通过invalidStatements数组的配置，可以让用户自己配置不允许的代码

运行阶段分析

利用'react-addons-perf'插件进行自动注入分析

getWasted
getInclusive

babel-plugin-react-perf dependencies

babel-cli babel-core babel-preset-es2015 colors

FAQs

What is babel-plugin-react-perf?

# Introduction 对于babel-plugin-react-perf这款插件，主要是用来分析和检测react代码使用不当的地方 1. 首先会在编译阶段对react组件进行分析，对于严重的语句，直接进行报错，而对于警告类的，只是... Visit Snyk Advisor to see a full health score report for babel-plugin-react-perf, including popularity, security, maintenance & community analysis.

Is babel-plugin-react-perf popular?

We’re still processing downloads data for the npm package babel-plugin-react-perf. Visit the popularity section on Snyk Advisor to see the full popularity analysis.

Is babel-plugin-react-perf well maintained?

We found indications that babel-plugin-react-perf is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is babel-plugin-react-perf safe to use?

While scanning the latest version of babel-plugin-react-perf, we found that a security review is needed. A total of 0 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 28 September-2024, at 08:28 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (0)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

babel-plugin-react-perf

Introduction

usage

config

fields

maxExecuteLimit

maxRenderElements

needAddPerfRule

编译阶段分析

运行阶段分析

babel-plugin-react-perf dependencies

FAQs

What is babel-plugin-react-perf?

Is babel-plugin-react-perf popular?

Is babel-plugin-react-perf well maintained?

Is babel-plugin-react-perf safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues