dphelper 2.6.2 → 2.6.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 +19 -1
- package/docs/index.md +19 -1
- package/index.js +1 -1
- package/package.json +196 -194
package/README.md
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
|
|
38
38
|
## About
|
|
39
39
|
|
|
40
|
-
dpHelper is a precise and complete collection of 190+ tools ready to use in all web/SaaS applications. State and Store Management are now easy, accessible everywhere in your application, including Ajax or React apps, without the need for extra files.
|
|
40
|
+
dpHelper is a precise and complete collection of 190+ tools ready to use in all web/SaaS and enterprise applications. State and Store Management are now easy, accessible everywhere in your application, including Ajax or React apps, without the need for extra files.
|
|
41
41
|
|
|
42
42
|
1. **Single Source of Truth**: The application's entire state is held within a single object in one store, ensuring consistent and accessible state management throughout the app.
|
|
43
43
|
|
|
@@ -323,6 +323,24 @@ store.remove("test") // Output: "ok"
|
|
|
323
323
|
store.removeAll() // Output: "ok"
|
|
324
324
|
```
|
|
325
325
|
|
|
326
|
+
# dpHelper vs Redux vs Zustand vs MobX
|
|
327
|
+
|
|
328
|
+
| Feature | **dpHelper** | **Redux / RTK** | **Zustand** | **MobX** |
|
|
329
|
+
|---------|--------------|------------------|-------------|----------|
|
|
330
|
+
| **Type** | Full suite (190+ utilities) + State Manager | Predictable state container | Minimal state manager | Reactive state manager |
|
|
331
|
+
| **Boilerplate** | **None** (single import) | High (reduced with RTK) | Low | Low |
|
|
332
|
+
| **Global Access** | **Immediate global state** (`state.x`) | No, requires provider | Yes, via store | Yes, via observable |
|
|
333
|
+
| **Reactivity** | Built‑in observer | Only via bindings | Yes | Yes (highly reactive) |
|
|
334
|
+
| **DevTools** | **DevTools + Browser Extension** | Redux DevTools | Yes | Yes |
|
|
335
|
+
| **Learning Curve** | **Very low** | Medium/High | Low | Medium |
|
|
336
|
+
| **Action Handling** | Simple actions + proxy | Actions + reducers | Setter functions | Decorators / actions |
|
|
337
|
+
| **Persistence** | Built‑in (state/store/session) | Via middleware | Via middleware | Via plugins |
|
|
338
|
+
| **Ecosystem** | 190+ built‑in utilities | Very large | Medium | Medium |
|
|
339
|
+
| **React Usage** | `state.x` anywhere | Hooks + provider | Hooks | Decorators / hooks |
|
|
340
|
+
| **HTML/Vanilla Usage** | **Native** (script tag) | No | No | No |
|
|
341
|
+
| **Philosophy** | “Single source of truth” + full toolbox | Predictability & immutability | Simplicity | Automatic reactivity |
|
|
342
|
+
| **Best Use Cases** | **SaaS apps, dashboards, multi‑framework projects** | Large enterprise apps | Lightweight React apps | Highly dynamic UIs |
|
|
343
|
+
|
|
326
344
|
## Console (devtools)
|
|
327
345
|
|
|
328
346
|
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).
|
package/docs/index.md
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
|
|
38
38
|
## About
|
|
39
39
|
|
|
40
|
-
dpHelper is a precise and complete collection of 190+ tools ready to use in all web/SaaS applications. State and Store Management are now easy, accessible everywhere in your application, including Ajax or React apps, without the need for extra files.
|
|
40
|
+
dpHelper is a precise and complete collection of 190+ tools ready to use in all web/SaaS and enterprise applications. State and Store Management are now easy, accessible everywhere in your application, including Ajax or React apps, without the need for extra files.
|
|
41
41
|
|
|
42
42
|
1. **Single Source of Truth**: The application's entire state is held within a single object in one store, ensuring consistent and accessible state management throughout the app.
|
|
43
43
|
|
|
@@ -323,6 +323,24 @@ store.remove("test") // Output: "ok"
|
|
|
323
323
|
store.removeAll() // Output: "ok"
|
|
324
324
|
```
|
|
325
325
|
|
|
326
|
+
# dpHelper vs Redux vs Zustand vs MobX
|
|
327
|
+
|
|
328
|
+
| Feature | **dpHelper** | **Redux / RTK** | **Zustand** | **MobX** |
|
|
329
|
+
|---------|--------------|------------------|-------------|----------|
|
|
330
|
+
| **Type** | Full suite (190+ utilities) + State Manager | Predictable state container | Minimal state manager | Reactive state manager |
|
|
331
|
+
| **Boilerplate** | **None** (single import) | High (reduced with RTK) | Low | Low |
|
|
332
|
+
| **Global Access** | **Immediate global state** (`state.x`) | No, requires provider | Yes, via store | Yes, via observable |
|
|
333
|
+
| **Reactivity** | Built‑in observer | Only via bindings | Yes | Yes (highly reactive) |
|
|
334
|
+
| **DevTools** | **DevTools + Browser Extension** | Redux DevTools | Yes | Yes |
|
|
335
|
+
| **Learning Curve** | **Very low** | Medium/High | Low | Medium |
|
|
336
|
+
| **Action Handling** | Simple actions + proxy | Actions + reducers | Setter functions | Decorators / actions |
|
|
337
|
+
| **Persistence** | Built‑in (state/store/session) | Via middleware | Via middleware | Via plugins |
|
|
338
|
+
| **Ecosystem** | 190+ built‑in utilities | Very large | Medium | Medium |
|
|
339
|
+
| **React Usage** | `state.x` anywhere | Hooks + provider | Hooks | Decorators / hooks |
|
|
340
|
+
| **HTML/Vanilla Usage** | **Native** (script tag) | No | No | No |
|
|
341
|
+
| **Philosophy** | “Single source of truth” + full toolbox | Predictability & immutability | Simplicity | Automatic reactivity |
|
|
342
|
+
| **Best Use Cases** | **SaaS apps, dashboards, multi‑framework projects** | Large enterprise apps | Lightweight React apps | Highly dynamic UIs |
|
|
343
|
+
|
|
326
344
|
## Console (devtools)
|
|
327
345
|
|
|
328
346
|
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).
|