Installations

npm install shallow-equal-props

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

2

v1.0.2

Published on 13 Dec 2017

1.0.1

Published on 29 Nov 2017

View all 2 releases

Developer

azu

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

8.6.0

NPM Version

5.3.0 Statistics

4 Stars

9 Commits

3 Watching

1 Branches

1 Contributors

Updated on 08 Aug 2019

Languages

TypeScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

184,539

Last day

-33.3%

110

Compared to previous day

Last week

18.8%

752

Compared to previous week

Last month

12.8%

3,040

Compared to previous month

Last year

14%

32,143

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

shallow-equal-object

Peer Dependencies

2

@types/react react

Dev Dependencies

11

@types/mocha @types/node @types/react cross-env husky lint-staged mocha prettier react ts-node typescript

Versions

shallow-equal-props

Shallow Equal for React's props.

It is a customize version of shallow-equal-object.

Features

Shallow equal for objects
- It is based shallow-equal-object
Support React.Element
- Check equality React.Element if props include React.Element like children,

Install

Install with npm:

npm install shallow-equal-props

Usage

Shallow equal for props.

1import { shallowEqualProps } from "shallow-equal-props";
2import * as React from "react";
3class MyComponent extends React.Component {
4    shouldComponentUpdate(nextProps){
5        return !shallowEqualProps(this.props, nextProps);
6    }
7}

Support React.Element

1// equal to React.Element
2// Check: key and type
3const elementA = React.createElement("div", { key: "a" });
4const elementB = React.createElement("div", { key: "a" });
5assert.equal(shallowEqualProps({
6    child: elementA
7}, {
8    child: elementB
9}), true, "should be equal");
10// Not equal: type
11const elementA = React.createElement("div", { key: "a" });
12const elementB = React.createElement("span", { key: "a" });
13assert.equal(shallowEqualProps({
14    child: elementA
15}, {
16    child: elementB
17}), false, "element is not same type");
18// Not equal: key
19const elementA = React.createElement("div", { key: "a" });
20const elementB = React.createElement("div", { key: "b" });
21assert.equal(shallowEqualProps({
22    child: elementA
23}, {
24    child: elementB
25}), false, "elementA is not equal elementB");

Changelog

See Releases page.

Running tests

Install devDependencies and Run npm test:

npm i -d && npm test

Contributing

Pull requests and stars are always welcome.

For bugs and feature requests, please create an issue.

Fork it!
Create your feature branch: git checkout -b my-new-feature
Commit your changes: git commit -am 'Add some feature'
Push to the branch: git push origin my-new-feature
Submit a pull request :D

Author

License

MIT © azu

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.

9

Security-Policy

Determines if the project has published a security policy.

0

Code-Review

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

0

SAST

Determines if the project uses static code analysis.

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

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

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.5

/10

Last Scanned on 2024-11-25

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