Merge pull request #109 from heluxjs/gh-pages

chore: mod readme

README.md

@@ -36,32 +36,20 @@
 ```diff
 import React from 'react';
 + import { atom, useAtom } from 'helux';
-+ const [ sharedState ] = atom({a:100, b: { b1: 1 }});
++ const [sharedState] = atom({ a: 100, b: { b1: 1 } });
 
 function HelloHelux(props: any) {
--  const [state, setState] = React.useState({a:100, b: { b1: 1, b2: 2 }});
-+  const [state, setState] = useAtom(sharedState);
+-   const [state, setState] = React.useState({ a: 100, b: { b1: 1, b2: 2 } });
++   const [state, setState] = useAtom(sharedState);
 
--  const change = setState(prev=>({...prev, b: { ...prev.b, b1: 100 } }));
-
-// 基于草稿修改，生成结构共享的新数据,
-// setState 接受返回值做浅合并，故加 void 是为了消除箭头函数隐式返回值，避免 ts  环境报编译错误
-+  const change = setState(draft=>void(draft.b.b1=100));
-
-// 或写为
-+ const change = setState(draft=>{
-+   draft.b.b1=100;
-+ });
+-   const change = setState((prev) => ({ ...prev, b: { ...prev.b, b1: 100 } }));
++   const change = setState((draft) => { draft.b.b1 = 100 });
 
   // 收集到当前组件依赖为 a，仅当 a 变更时才触发重渲染
   return <div>{state.a}</div>;
 }
 ```
 
-```ts
-const [state, setState] = useAtom(sharedState);
-```
-
 ## 部分特性简介
 
 以下是一些常见特性，更多特性可查阅文档里的[Atom](https://heluxjs.github.io/helux/guide/atom)、[Signal](https://heluxjs.github.io/helux/guide/signal)、[依赖追踪](https://heluxjs.github.io/helux/guide/dep-tracking)、[响应式](https://heluxjs.github.io/helux/guide/reactive)、[双向绑定](https://heluxjs.github.io/helux/guide/sync)、[派生](https://heluxjs.github.io/helux/guide/derive)、[观察](https://heluxjs.github.io/helux/guide/watch)、[Action](https://heluxjs.github.io/helux/guide/action)、[模块化](https://heluxjs.github.io/helux/guide/modular) 等章节做深入了解