Frequent default values
npm install default-values[LICENSE]: https://github.com/rozhkovs/default-values/blob/HEAD/LICENSE
[AUTHOR]: https://github.com/rozhkovs
This library aims to provide the most necessary default values. Stop creating variables all over the code!
shell
npm install default-values
`
For yarn
`shell
yarn add default-values
`Includes
- empty array: 'EMPTY_ARRAY' or 'E_ARR';
- empty object: 'EMPTY_OBJECT' or 'E_OBJ';
- empty callback: 'EMPTY_CALLBACK' or 'E_CB';What's the problem?
We all use some default values. And we can do it as follows:
`typescript
const myValue = someValue ?? {}; // {} - defualt value
// or
myValue ??= []; // [] - default value
// or ...
`
But sometimes we need to have a stable reference to the default value for some tasks. Let's look at the following React component.
`tsx
const ParentComponent = () => {
// ...
const list = listOrNull ?? [];
return
}
`
If the variable 'listOrNull' is null, then each time the Parent Component function is called, the variable 'list' will have a new reference to an empty array, which will cause the 'MemoHeavyList' component rerender.We can solve this problem as follows:
`tsx
import {EMPTY_ARRAY} from 'default-values'const ParentComponent = () => {
// ...
const list = listOrNull ?? EMPTY_ARRAY; // EMPTY_ARRAY instead of [];
return
}
``Do you like it and find it helpful? You can help this project in the following way:
- ⭐ Put the star.
- 💡 Suggest your ideas.
- 😉 Open a founded issue.
Default Values is MIT licensed, as found in the [LICENSE] file.