mobx-react-use-autorun 3.1.23 → 3.1.26

package/README.md

@@ -158,6 +158,32 @@ useUnmount is a lifecycle hook that calls a function when the component will unm
         return null;
     })
 
+### Define global mutable data with observable
+
+    import { observable } from 'mobx-react-use-autorun';
+
+    export const globalState = observable({
+        age: 15,
+        name: 'tom'
+    });
+
+    export async function setAge(age: number) {
+        globalState.age = age
+    }
+
+    import { observer } from "mobx-react-use-autorun";
+    import { setAge, globalState } from "./GlobalState";
+
+    export default observer(() => {
+        return <div
+            onClick={() => {
+                setAge(globalState.age + 1)
+            }}
+        >
+            {`${globalState.name}'s age is ${globalState.age}.`}
+        </div>;
+    })
+
 ### Get the real data of the proxy object with toJS
 
 toJS will cause data to be used, please do not execute toJS(state) in component rendering code, it may cause repeated rendering.<br/>
@@ -207,35 +233,12 @@ Correct Example:<br/>
         </button>;
     })
 
-### Define global mutable data with observable
-
-    import { observable } from 'mobx-react-use-autorun';
-
-    export const globalState = observable({
-        age: 15,
-        name: 'tom'
-    });
-
-    export async function setAge(age: number) {
-        globalState.age = age
-    }
-
-    import { observer } from "mobx-react-use-autorun";
-    import { setAge, globalState } from "./GlobalState";
-
-    export default observer(() => {
-        return <div
-            onClick={() => {
-                setAge(globalState.age + 1)
-            }}
-        >
-            {`${globalState.name}'s age is ${globalState.age}.`}
-        </div>;
-    })
-
 # Notes - Work with non-observable components
 
-Non-observable component unable to know data changes, So use toJS to do this.
+Non-observer components cannot trigger re-rendering when the following data changes. Use toJS to do this.<br/>
+array<br/>
+object<br/>
+The all data used in the new render callback<br/>
 
     import { observer, toJS, useMobxState } from "mobx-react-use-autorun";
     import { v1 } from "uuid";
@@ -291,7 +294,7 @@ Typedjson is a strongly typed reflection library.<br/>
 
 # Learn More
 
-1. A JavaScript library for building user interfaces (https://reactjs.org)<br/>
+1. A JavaScript library for building user interfaces (https://react.dev)<br/>
 2. Reactive Extensions Library for JavaScript (https://www.npmjs.com/package/rxjs)
 3. Material UI is a library of React UI components that implements Google's Material Design (https://mui.com)
 

package/package.json

@@ -1 +1 @@
-{"name":"mobx-react-use-autorun","version":"3.1.23","description":"Provide concise usage for mobx in react","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":"6.9.0","mobx-react-lite":"3.4.3","react-use":"17.4.0","rxjs":"7.8.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript","hooks"],"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","es2015":"./dist/esm/index.js","types":"./dist/cjs/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"exports":{".":{"types":"./dist/cjs/index.d.ts","node":"./dist/cjs/index.js","require":"./dist/cjs/index.js","es2015":"./dist/esm/index.js","default":"./dist/esm/index.js"}},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}
+{"name":"mobx-react-use-autorun","version":"3.1.26","description":"Provide concise usage for mobx in react","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":"6.9.0","mobx-react-lite":"3.4.3","react-use":"17.4.0","rxjs":"7.8.1"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript","hooks"],"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","es2015":"./dist/esm/index.js","types":"./dist/cjs/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"exports":{".":{"types":"./dist/cjs/index.d.ts","node":"./dist/cjs/index.js","require":"./dist/cjs/index.js","es2015":"./dist/esm/index.js","default":"./dist/esm/index.js"}},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}