dphelper 2.6.2 → 2.6.3
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 +18 -0
- package/docs/index.md +18 -0
- package/index.js +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -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
|
@@ -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).
|