dphelper 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/docs/index.md +7 -7
- package/index.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -49,9 +49,9 @@ dpHelper is a precise and complete collection of 190+ tools ready to use in all
|
|
|
49
49
|
|
|
50
50
|
3. **Changes are made with proxy handle function**: To define state changes, dpHelper employs pure functions as intermediaries. These functions accept the current state as input and produce a new state as output, ensuring predictability and ease of testing in the system.
|
|
51
51
|
|
|
52
|
-
4. **Based on [Memorio](https://www.npmjs.com/package/memorio) by Dario Passariello** to manage STATE, STORE, SESSION and OBSERVER. You can use Memorio is you need only state management. DpHelper is indicate when you use a complete suite of tools.
|
|
52
|
+
<!-- 4. **Based on [Memorio](https://www.npmjs.com/package/memorio) by Dario Passariello** to manage STATE, STORE, SESSION and OBSERVER. You can use Memorio is you need only state management. DpHelper is indicate when you use a complete suite of tools. -->
|
|
53
53
|
|
|
54
|
-
###
|
|
54
|
+
### Example in React
|
|
55
55
|
|
|
56
56
|
```js
|
|
57
57
|
import { useEffect } from 'react';
|
|
@@ -107,7 +107,7 @@ require("dphelper");
|
|
|
107
107
|
Note: You don't need to use npm install in this case, or you will get an error.
|
|
108
108
|
|
|
109
109
|
```html
|
|
110
|
-
<script src="https://cdn.jsdelivr.net/npm/dphelper@latest
|
|
110
|
+
<script src="https://cdn.jsdelivr.net/npm/dphelper@latest"></script>
|
|
111
111
|
```
|
|
112
112
|
|
|
113
113
|
## Live Demo
|
|
@@ -135,7 +135,7 @@ You can see more tutorials, information, and examples about **dpHelper** [clicki
|
|
|
135
135
|
|
|
136
136
|
## State
|
|
137
137
|
|
|
138
|
-
### Using the "state"
|
|
138
|
+
### Using the "state"
|
|
139
139
|
|
|
140
140
|
You can use the state function to store and reuse data throughout your application. Similar to other state managers, you can save state information in JSON format and access it easily in various contexts, including React useEffect and/or dispatch.
|
|
141
141
|
|
|
@@ -327,7 +327,7 @@ store.remove("test") // Output: "ok"
|
|
|
327
327
|
store.removeAll() // Output: "ok"
|
|
328
328
|
```
|
|
329
329
|
|
|
330
|
-
##
|
|
330
|
+
## Console (devtools)
|
|
331
331
|
|
|
332
332
|
Type **dphelper** in the devtool console of your browser to have a look at all available tools that you can use! You can call these from everywhere without import (just one time in the main/root page).
|
|
333
333
|
|
|
@@ -361,14 +361,14 @@ The dpHelper browser extension allows you to manage your application's dpHelper
|
|
|
361
361
|
|
|
362
362
|
[Snyk.io](https://security.snyk.io/package/npm/dphelper)
|
|
363
363
|
|
|
364
|
-
## License
|
|
364
|
+
<!-- ## License
|
|
365
365
|
|
|
366
366
|
[MIT - https://en.wikipedia.org/wiki/MIT_License](https://en.wikipedia.org/wiki/MIT_License)
|
|
367
367
|
|
|
368
368
|
* [LICENSE](https://a51.gitbook.io/dphelper/documents/license)
|
|
369
369
|
* [CODE OF CONDUCT](https://a51.gitbook.io/dphelper/documents/code_of_conduct)
|
|
370
370
|
* [SECURITY](https://a51.gitbook.io/dphelper/documents/security)
|
|
371
|
-
* [CONTRIBUTING](https://a51.gitbook.io/dphelper/documents/contributing)
|
|
371
|
+
* [CONTRIBUTING](https://a51.gitbook.io/dphelper/documents/contributing) -->
|
|
372
372
|
|
|
373
373
|
---
|
|
374
374
|
|
package/docs/index.md
CHANGED
|
@@ -49,9 +49,9 @@ dpHelper is a precise and complete collection of 190+ tools ready to use in all
|
|
|
49
49
|
|
|
50
50
|
3. **Changes are made with proxy handle function**: To define state changes, dpHelper employs pure functions as intermediaries. These functions accept the current state as input and produce a new state as output, ensuring predictability and ease of testing in the system.
|
|
51
51
|
|
|
52
|
-
4. **Based on [Memorio](https://www.npmjs.com/package/memorio) by Dario Passariello** to manage STATE, STORE, SESSION and OBSERVER. You can use Memorio is you need only state management. DpHelper is indicate when you use a complete suite of tools.
|
|
52
|
+
<!-- 4. **Based on [Memorio](https://www.npmjs.com/package/memorio) by Dario Passariello** to manage STATE, STORE, SESSION and OBSERVER. You can use Memorio is you need only state management. DpHelper is indicate when you use a complete suite of tools. -->
|
|
53
53
|
|
|
54
|
-
###
|
|
54
|
+
### Example in React
|
|
55
55
|
|
|
56
56
|
```js
|
|
57
57
|
import { useEffect } from 'react';
|
|
@@ -107,7 +107,7 @@ require("dphelper");
|
|
|
107
107
|
Note: You don't need to use npm install in this case, or you will get an error.
|
|
108
108
|
|
|
109
109
|
```html
|
|
110
|
-
<script src="https://cdn.jsdelivr.net/npm/dphelper@latest
|
|
110
|
+
<script src="https://cdn.jsdelivr.net/npm/dphelper@latest"></script>
|
|
111
111
|
```
|
|
112
112
|
|
|
113
113
|
## Live Demo
|
|
@@ -135,7 +135,7 @@ You can see more tutorials, information, and examples about **dpHelper** [clicki
|
|
|
135
135
|
|
|
136
136
|
## State
|
|
137
137
|
|
|
138
|
-
### Using the "state"
|
|
138
|
+
### Using the "state"
|
|
139
139
|
|
|
140
140
|
You can use the state function to store and reuse data throughout your application. Similar to other state managers, you can save state information in JSON format and access it easily in various contexts, including React useEffect and/or dispatch.
|
|
141
141
|
|
|
@@ -327,7 +327,7 @@ store.remove("test") // Output: "ok"
|
|
|
327
327
|
store.removeAll() // Output: "ok"
|
|
328
328
|
```
|
|
329
329
|
|
|
330
|
-
##
|
|
330
|
+
## Console (devtools)
|
|
331
331
|
|
|
332
332
|
Type **dphelper** in the devtool console of your browser to have a look at all available tools that you can use! You can call these from everywhere without import (just one time in the main/root page).
|
|
333
333
|
|
|
@@ -361,14 +361,14 @@ The dpHelper browser extension allows you to manage your application's dpHelper
|
|
|
361
361
|
|
|
362
362
|
[Snyk.io](https://security.snyk.io/package/npm/dphelper)
|
|
363
363
|
|
|
364
|
-
## License
|
|
364
|
+
<!-- ## License
|
|
365
365
|
|
|
366
366
|
[MIT - https://en.wikipedia.org/wiki/MIT_License](https://en.wikipedia.org/wiki/MIT_License)
|
|
367
367
|
|
|
368
368
|
* [LICENSE](https://a51.gitbook.io/dphelper/documents/license)
|
|
369
369
|
* [CODE OF CONDUCT](https://a51.gitbook.io/dphelper/documents/code_of_conduct)
|
|
370
370
|
* [SECURITY](https://a51.gitbook.io/dphelper/documents/security)
|
|
371
|
-
* [CONTRIBUTING](https://a51.gitbook.io/dphelper/documents/contributing)
|
|
371
|
+
* [CONTRIBUTING](https://a51.gitbook.io/dphelper/documents/contributing) -->
|
|
372
372
|
|
|
373
373
|
---
|
|
374
374
|
|