react-global-state-hooks 9.2.2 → 9.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.
Files changed (2) hide show
  1. package/README.md +22 -3
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -10,15 +10,34 @@ Effortless **global state management** for `React` & `React Native` and `Preact`
10
10
 
11
11
  - **[Live Example](https://johnny-quesada-developer.github.io/global-hooks-example/)** 📘
12
12
  - **[Video Overview](https://www.youtube.com/watch?v=1UBqXk2MH8I/)** 🎥
13
-
14
- Works seamlessly with **React & React Native**:
15
-
16
13
  - **[react-hooks-global-states](https://www.npmjs.com/package/react-hooks-global-states)** compatible with both `React & React Native`
17
14
  - **[react-global-state-hooks](https://www.npmjs.com/package/react-global-state-hooks)** specific for web applications (**local-storage integration**).
18
15
  - **[react-native-global-state-hooks](https://www.npmjs.com/package/react-native-global-state-hooks)** specific for React Native projects (**async-storage integration**).
19
16
 
20
17
  ---
21
18
 
19
+ ## 🚀 React Hooks Global States - DevTools Extension
20
+
21
+ React Hooks Global States includes a dedicated, `devTools extension` to streamline your development workflow! Easily visualize, inspect, debug, and modify your application's global state in real-time right within your browser.
22
+
23
+ ### 🔗 [Install the DevTools Extension for Chrome](https://chromewebstore.google.com/detail/bafojplmkpejhglhjpibpdhoblickpee/preview?hl=en&authuser=0)
24
+
25
+ ### 📸 DevTools Highlights
26
+
27
+ | **Track State Changes** | **Modify the State** |
28
+ | ------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- |
29
+ | ![Track State Changes](https://github.com/johnny-quesada-developer/react-hooks-global-states/raw/main/public/track-state-changes.png) | ![Modify the State](https://github.com/johnny-quesada-developer/react-hooks-global-states/raw/main/public/modify-the-state.png) |
30
+ | Effortlessly monitor state updates and history. | Instantly edit global states directly from the extension. |
31
+
32
+ ---
33
+
34
+ | **Restore the State** | **Custom Actions Granularity** |
35
+ | --------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
36
+ | ![Restore the State](https://github.com/johnny-quesada-developer/react-hooks-global-states/raw/main/public/restore-the-state.png) | ![Custom Actions Granularity](https://github.com/johnny-quesada-developer/react-hooks-global-states/raw/main/public/custom-actions-granularity.png) |
37
+ | Quickly revert your application to a previous state. | Precisely debug specific actions affecting state changes. |
38
+
39
+ <br>
40
+
22
41
  ## 🗂️ Persisting State with LocalStorage
23
42
 
24
43
  To persist the global state using **LocalStorage**, simply add the `localStorage` option:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-global-state-hooks",
3
- "version": "9.2.2",
3
+ "version": "9.2.4",
4
4
  "description": "This is a package to easily handling global-state across your react components No-redux, No-context.",
5
5
  "main": "./bundle.js",
6
6
  "types": "./index.d.ts",
@@ -171,6 +171,6 @@
171
171
  "react": ">=17.0.0"
172
172
  },
173
173
  "dependencies": {
174
- "react-hooks-global-states": "^8.2.2"
174
+ "react-hooks-global-states": "^8.2.3"
175
175
  }
176
176
  }