mota@8.1.3

Author: Houfeng

README.md

@@ -32,14 +32,14 @@ const model = observable({ count: 0 });
 const add = ()=>model.count++;
 
 const View1 = observer(() {
-  return <div>{model.count}</div>
+  return <div>{model.count}</div>;
 });
 
 const View2 = observer(() {
   return <div>
     <span>{model.count}</span>
     <button onClick={add}>click<button>
-  </div>
+  </div>;
 });
 ```
 
@@ -53,7 +53,7 @@ const View = observer(() {
   return <div>
     <span>{model.count}</span>
     <button onClick={()=>model.count++}>click<button>
-  </div>
+  </div>;
 });
 ```
 
@@ -69,8 +69,10 @@ const user = observable({
 
 const View = observer(() {
   // The fullName will be cached and responsive
-  const fullName = useComputed(()=>`${user.firstName} ${user.lastName}`);
-  return <div>{fullName}</div>
+  const fullName = useComputed(()=>{
+    return `${user.firstName} ${user.lastName}`;
+  });
+  return <div>{fullName}</div>;
 });
 ```
 
@@ -88,7 +90,7 @@ const View = observer(() {
   useAutoRun(()=>{
     console.log('count:', model.count);
   });
-  return <div>{model.count}</div>
+  return <div>{model.count}</div>;
 });
 ```
 
@@ -105,7 +107,7 @@ const View = observer(() {
   useWatch(()=>model.count%10, (oldValue, newValue)=>{
     console.log(`old: ${oldValue}, new: ${newValue}`);
   });
-  return <div>{model.count}</div>
+  return <div>{model.count}</div>;
 });
 ```
 
@@ -141,7 +143,7 @@ class View extends React.Component {
     return <div>
       <span>{this.message}</span>
       <button onClick={this.add}>click<button>
-    </div>
+    </div>;
   }
 }
 ```
@@ -168,7 +170,7 @@ class View extends React.Component {
     return <div>
       <span>{this.model.message}</span>
       <button onClick={()=>this.model.add()}>click<button>
-    </div>
+    </div>;
   }
 }
 ```

examples/benchmark-mota.tsx

@@ -7,7 +7,7 @@ import { useEffect } from 'react';
 
 ObserveConfig.maxDependencies = Number.MAX_SAFE_INTEGER;
 ObserveConfig.maxHandlers = Number.MAX_SAFE_INTEGER;
-
+   
 let renderCount = 0;
 
 const markRender = () => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mota",
-  "version": "8.1.2",
+  "version": "8.1.3",
   "description": "An extremely lightweight and responsive state management library",
   "module": "./dist/mota-es.js",
   "main": "./dist/mota-cjs.js",
@@ -21,7 +21,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "ober": "8.2.6",
+    "ober": "8.2.8",
     "tslib": "*"
   },
   "devDependencies": {

src/info.ts

@@ -5,4 +5,4 @@
  */
 
 export const name = "mota";
-export const version = "8.1.2";
+export const version = "8.1.3";

src/observer.ts

@@ -21,9 +21,7 @@ function createReactiver(
   bind = true
 ) {
   const update = (info?: ObserveData) =>
-    isSyncRequired(info?.value)
-      ? requestUpdate()
-      : nextTick(requestUpdate, true);
+    isSyncRequired(info?.value) ? requestUpdate() : nextTick(requestUpdate);
   return reactivable(render, { bind, update, batch: false });
 }