diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
deleted file mode 100644
index 51074a9..0000000
--- a/.github/workflows/main.yml
+++ /dev/null
@@ -1,23 +0,0 @@
-name: Github Pages
-on:
-  push:
-    branches:
-      - master
-jobs:
-  Deploy-Pages:
-    runs-on: ubuntu-18.04
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2.3.4
-
-      - name: Install Deps
-        run: yarn install
-
-      - name: Build App
-        run: yarn build
-
-      - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./build
diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index 4f49ce4..0000000
--- a/.gitignore
+++ /dev/null
@@ -1,5 +0,0 @@
-node_modules/
-package-lock.json
-.vscode/
-lib/
-build
\ No newline at end of file
diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 0000000..e69de29
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index 06579ea..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2019 saber2pr
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/README.md b/README.md
deleted file mode 100644
index 5f12186..0000000
--- a/README.md
+++ /dev/null
@@ -1,129 +0,0 @@
-# @saber2pr/react
-
-> react in typescript. 
-
-```bash
-yarn add @saber2pr/react
-```
-
-## Examples
-
-1. CSR
-
-render Component to DOM in browser.
-
-```tsx
-import React, {
-  useCallBack,
-  useMemo,
-  useReducer,
-  useRef,
-  useState
-} from "@saber2pr/react"
-import ReactDOM from "@saber2pr/react/lib/client"
-
-function HelloMessage({ name }: { name: string }) {
-  return <div>Hello {name}</div>
-}
-
-ReactDOM.render(
-  <HelloMessage name="Taylor" />,
-  document.getElementById("container")
-)
-```
-
-[examples](https://saber2pr.top/react/)
-
-2. SSR
-
-render Component to string.
-
-```tsx
-import React from "@saber2pr/react"
-import ReactDOMServer from "@saber2pr/react/lib/server"
-
-const Content = ({ content }: { content: string }) => (
-  <div>
-    <div style={{ color: "red" }}>{content}</div>
-    <button onclick={() => console.log("click")}>click</button>
-  </div>
-)
-
-const App = () => {
-  return (
-    <div>
-      <div>This is a SSR Demo</div>
-      <Content content="has color" />
-    </div>
-  )
-}
-
-console.log(ReactDOMServer.renderToString(<App />))
-```
-
-3. Custom Render
-
-create a custom renderer.
-
-```tsx
-import React from "@saber2pr/react"
-import ReactFiberReconciler from "@saber2pr/react/lib/reconciler"
-
-// use your host config.
-const Renderer = ReactFiberReconciler(HostConfig)
-
-const Store = {
-  state: 0
-}
-
-const TestCreateRenderer = () => {
-  const state = Store.state
-  return (
-    <div>
-      <hr />
-      <div>This is a UpdateContainer Test</div>
-      <div>{state}</div>
-      <button
-        onclick={() => {
-          Store.state++
-          // update
-          Renderer.updateContainer(<TestCreateRenderer />, container)
-        }}
-      >
-        add
-      </button>
-    </div>
-  )
-}
-
-// init render
-Renderer.createContainer(
-  <TestCreateRenderer />,
-  document.getElementById("container")
-)
-```
-
----
-
-### Dev
-
-```bash
-yarn install
-
-yarn start
-
-yarn dev
-```
-
-## License
-
-MIT
-
-> Author: saber2pr
-
-## Reference
-
-[facebook/react](https://github.com/facebook/react)
-
-> 项目仅用于理解和学习react原理，不可用于生产实践
-
diff --git a/bundle.1624718178905.js b/bundle.1624718178905.js
new file mode 100644
index 0000000..b8b5b25
--- /dev/null
+++ b/bundle.1624718178905.js
@@ -0,0 +1 @@
+var react=function(e){"use strict";var C="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function n(e,t){return e(t={exports:{}},t.exports),t.exports}var O=n(function(e,t){var n,r,a,l;Object.defineProperty(t,"__esModule",{value:!0}),(r=n=n||{}).Text=Symbol("Text"),r.Fragment=Symbol("DocumentFragment"),r.Root=Symbol("Container"),r.Hook=Symbol("Hook"),r.Host=Symbol("Host"),r.Unknown=Symbol("Unknown"),t.NodeType=n,(l=a=a||{}).Place=Symbol("Place"),l.Update=Symbol("Update"),l.Delete=Symbol("Delete"),l.Create=Symbol("Create"),l.getEffectLevel=function(e){switch(e){case l.Create:return 4;case l.Update:return 3;case l.Place:return 2;case l.Delete:return 1;default:return 0}},t.EffectType=a});t(O);O.NodeType,O.EffectType;var f=n(function(e,t){var n,r;Object.defineProperty(t,"__esModule",{value:!0}),n=t.Reflection||(t.Reflection={}),r=new WeakMap,n.setInternalFiber=function(e){var t=e.tag;r.set(t,e)},n.getInternalFiber=function(e){var t=e.tag;return r.get(t)},n.setContainerFiber=function(e){var t=e.stateNode;r.set(t,e)},n.getContainerFiber=function(e){var t=e.stateNode;return r.get(t)},n.hasContainerFiber=function(e){return r.has(e)}});t(f);f.Reflection;var P=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});function n(e){return{tag:"#text",$$typeof:O.NodeType.Text,props:{nodeValue:e}}}function r(e){var t;return(t=Array.prototype).concat.apply(t,e)}var a;(a||(a={})).toArray=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return r(r(e)).reduce(function(e,t){return!1===t||void 0===t?e:"number"==typeof t?e.concat(n(t)):"string"==typeof t?e.concat(n(t)):e.concat(t)},[])},t.Children=a});t(P);P.Children;var y=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});t.isSameTag=function(e,t){return e.tag===t.tag};t.isHookFiber=function(e){return e.$$typeof===O.NodeType.Hook};function n(e){return e.$$typeof===O.NodeType.Root}t.isRootFiber=n;function r(e){return e.$$typeof===O.NodeType.Host}t.isHostFiber=r;function a(e){return e.$$typeof===O.NodeType.Text}t.isTextFiber=a;t.isFragmentFiber=function(e){return e.$$typeof===O.NodeType.Fragment};t.isHostParentFiber=function(e){return r(e)||n(e)};t.isHostChildFiber=function(e){return r(e)||a(e)}});t(y);y.isSameTag,y.isHookFiber,y.isRootFiber,y.isHostFiber,y.isTextFiber,y.isFragmentFiber,y.isHostParentFiber,y.isHostChildFiber;var M=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r=1e4,a=Symbol("MAX_STACK_ID");t.setMaxStackSize=function(e){r=e};t.resetStackSize=function(e){void 0===e&&(e="default");var t=o[a];t&&(t[e]=0)};function l(){o[a]={}}var u;t.resetStack=l;t.watchStackSize=function(e){return(u=u||[]).push(e),function(){u.splice(u.indexOf(e),1)}};var o=function(t){void 0===t&&(t="default"),o[a]||l();var n=o[a];if(t in n?n[t]++:n[t]=1,n[t]>r)throw new Error("STACK SIZE OVERFLOW: "+t+", try to reset the MAX_STACK_SIZE("+r+");\n      method: React.Stack.setMaxStackSize()");u&&u.forEach(function(e){return e({id:t,size:n[t]},n)})};t.TestStackSize=o});t(M);M.setMaxStackSize,M.resetStackSize,M.resetStack,M.watchStackSize,M.TestStackSize;var c=n(function(e,t){var d=C&&C.__assign||function(){return(d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function v(e,t,n){var r=d(d(d({},t),e),{return:n,effectType:O.EffectType.Update,alternate:t});return t.alternate=null,r}function m(e,t,n){var r=d(d({},e),{return:n,effectType:O.EffectType.Place,alternate:t});return p(n,t),r}function p(e,t){t.effectType=O.EffectType.Delete;var n=e.effectList||[];n.push(t),e.effectList=n;var r=t.child;r&&(r.effectType=O.EffectType.Delete)}Object.defineProperty(t,"__esModule",{value:!0}),t.reconcileChildren=function(e,t){var n,r;y.isHookFiber(e)&&((r=(n=e).alternate)?y.isSameTag(r,n)?n.effectType=O.EffectType.Update:(n.effectType=O.EffectType.Place,r.effectType=O.EffectType.Delete):n.effectType=O.EffectType.Create),t=P.Children.toArray(t);for(var a,l=e.alternate,u=l?l.child:null,o=null,c=0;c<t.length||u;){M.TestStackSize("reconcileChildren");var i=o,f=u;f&&f.effectType===O.EffectType.Delete&&(f=null);var s=c<t.length&&t[c];f&&s&&y.isSameTag(s,f)?o=v(s,f,e):f&&s&&!y.isSameTag(s,f)?o=m(s,f,e):!f&&s?(a=e,o=d(d({},s),{return:a,effectType:O.EffectType.Create})):f&&!s&&p(e,f),u=u&&u.sibling,0!==c&&e.child?i&&(s?i.sibling=o:(i.sibling=null,delete i.sibling)):e.child=o,c++}return e.child}});t(c);c.reconcileChildren;var s=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var n={};t.HostConfig=n,t.setHostConfig=function(e){Object.assign(n,e)}});t(s);s.HostConfig,s.setHostConfig;var d=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getHostSiblingFiber=function(e){var t=e;e:for(;;){for(M.TestStackSize("getHostSiblingFiber");!t.sibling;){if(!t.return||y.isHostParentFiber(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;!y.isHostChildFiber(t);){if(t.effectType===O.EffectType.Place)continue e;if(!t.child)continue e;t=(t.child.return=t).child}if(t.effectType!==O.EffectType.Place)return t}},t.getHostParentFiber=function(e){for(var t=e.return;t;){if(M.TestStackSize("getHostParentFiber"),y.isHostParentFiber(t))return t;t=t.return}},t.getHostChildFiber=function(e){for(var t=e.child;t;){if(M.TestStackSize("getHostChildFiber"),y.isHostChildFiber(t))return t;t=t.child}}});t(d);d.getHostSiblingFiber,d.getHostParentFiber,d.getHostChildFiber;var i=n(function(e,t){function n(e){var t,n=e.effectType;if(y.isHookFiber(e)){switch(n){case O.EffectType.Create:r(e);break;case O.EffectType.Update:a(t=e),r(t);break;case O.EffectType.Place:r(e),u(e);break;case O.EffectType.Delete:a(e),c(e)}f.Reflection.setInternalFiber(e)}else switch(n){case O.EffectType.Create:l(e);break;case O.EffectType.Update:o(e);break;case O.EffectType.Place:u(e);break;case O.EffectType.Delete:c(e)}}function r(e){var t=e.memoizedState;if(t){var n=t.in;if(n){for(var r=[];n.length;){M.TestStackSize("commitHookEffectList");var a=n.pop()();a&&r.push(a)}t.out=r}}}function a(e){var t=e.memoizedState;if(t){var n=t.out;if(n)for(;n.length;){M.TestStackSize("commitHookEffectList:1"),n.pop()()}}}function l(e){var t=d.getHostParentFiber(e).stateNode,n=e.stateNode;s.HostConfig.appendChild(t,n)}function u(e){var t=d.getHostParentFiber(e);if(t)for(var n=t.stateNode,r=d.getHostSiblingFiber(e),a=e;;){if(M.TestStackSize("commitPlace"),a.$$typeof===O.NodeType.Host||a.$$typeof===O.NodeType.Text){var l=a.stateNode;r?s.HostConfig.insertBefore(n,l,r.stateNode):s.HostConfig.appendChild(n,l)}else if(a.child){a=(a.child.return=a).child;continue}if(a===e)return;for(;!a.sibling;){if(M.TestStackSize("commitPlace:1"),!a.return||a.return===e)return;a=a.return}a.sibling.return=a.return,a=a.sibling}}function o(e){var t=e.alternate,n=e.props,r=e.stateNode,a=t?t.props:{},l=Object.fromEntries(Object.entries(n).filter(function(e){var t=e[0];return!["ref","children"].includes(t)}));s.HostConfig.updateProps(r,l,a)}function c(e){var t=e;if(y.isHookFiber(t)){var n=d.getHostChildFiber(t);if(n){var r=n.stateNode;s.HostConfig.removeSelf(r),i(n)}}else{r=t.stateNode;s.HostConfig.removeSelf(r)}i(t)}function i(e){e.return=null,e.child=null,e.sibling=null;var t=e.alternate;t&&(t.return=null,t.child=null,t.sibling=null),e.alternate=null}Object.defineProperty(t,"__esModule",{value:!0}),t.createStateNode=function(e){var t=e.tag,n=e.props,r=null;if(y.isTextFiber(e)&&(r=s.HostConfig.createTextNode(n.nodeValue)),y.isRootFiber(e)&&(r=e.stateNode),y.isHostFiber(e)&&(r=s.HostConfig.createElement(t)),y.isFragmentFiber(e)&&(r=s.HostConfig.createDocumentFragment()),n.ref){var a=n.ref;"function"==typeof a?a(r):a.current=r}return r},t.commitWork=function(e){(function(e){for(var t=e.effectList||[],n=[],r=function(t){if(n.find(function(e){return e.effect===t}))return"continue";var e={level:O.EffectType.getEffectLevel(t.effectType),effect:t};n.push(e)},a=0,l=t;a<l.length;a++){r(l[a])}return e.effectList=n.sort(function(e,t){return t.level-e.level}).map(function(e){return e.effect}),e.effectList})(e).forEach(n),y.isRootFiber(e)&&f.Reflection.setContainerFiber(e),y.isHookFiber(e)&&f.Reflection.setInternalFiber(e),M.resetStack();var t=e.callback;t&&t(e)},t.commitCreate=l,t.commitPlace=u,t.commitUpdate=o,t.commitDelete=c});t(i);i.createStateNode,i.commitWork,i.commitCreate,i.commitPlace,i.commitUpdate,i.commitDelete;var v=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var n=0;t.getIndex=function(){var e=n;return n++,e};t.resetIndex=function(){n=0}});t(v);v.getIndex,v.resetIndex;var m=n(function(e,t){var l=C&&C.__spreadArrays||function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),a=0;for(t=0;t<n;t++)for(var l=arguments[t],u=0,o=l.length;u<o;u++,a++)r[a]=l[u];return r};Object.defineProperty(t,"__esModule",{value:!0});var n=null,u=null;function r(e,t){var n=function(e){if(y.isHookFiber(e))return function(e){var t=e.tag,n=e.props;if(e.alternate=f.Reflection.getInternalFiber(e),n.children&&1===n.children.length){var r=n.children[0];if(y.isTextFiber(r)){var a=r.props;r=a.nodeValue}n.children=r}v.resetIndex();var l=t(n),u=c.reconcileChildren(e,l);return e.child=u}(e);if(y.isRootFiber(e))return o(e);if(y.isTextFiber(e))return o(e);if(y.isHostFiber(e))return o(e);if(y.isFragmentFiber(e))return o(e)}(e);if(n)return n;for(var r=e;r;){if(r===t)return r;if(a(r,t),r.sibling)return r.sibling;r=r.return,M.TestStackSize("performUnitOfWork")}}function a(e,t){var n=e.return;if(n){var r=n.effectList||[],a=e.effectList||[];r.push.apply(r,l(a,[e])),e.effectList=[],delete e.effectList,y.isHookFiber(n)&&n.effectType===O.EffectType.Update&&r.push(n),n.effectList=r,n===t&&(u=n)}}function o(e){var t=e.props.children,n=e.stateNode,r=e.alternate,a=!!r&&y.isSameTag(e,r);n&&a||(e.stateNode=i.createStateNode(e),i.commitUpdate(e));var l=c.reconcileChildren(e,t);return e.child=l}t.getCurrentWorkInProgress=function(){return n},t.renderRoot=function(e){for(n||((n=e).effectList=null,n=n);n&&(n=r(n,e))!==e;)M.TestStackSize("renderRoot");u&&(i.commitWork(u),u=n=null)}});t(m);m.getCurrentWorkInProgress,m.renderRoot;var F=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var n=[],r=0;function a(e){requestIdleCallback?requestIdleCallback(e):setTimeout(e)}function l(e){if(!requestAnimationFrame){var t=Date.now(),n=Math.max(r+16,t);return setTimeout(function(){return e(r=n)},n-t)}requestAnimationFrame(e)}function u(e,t){switch(void 0===t&&(t="normal"),n.push(e),t){case"normal":a(o);break;case"layout":l(c);break;default:a(o)}}function o(){M.TestStackSize("scheduleUnitOfWorkNormalMode");var e=n.pop();e&&m.renderRoot(e),n.length&&a(o)}function c(){M.TestStackSize("scheduleUnitOfWorkLayoutMode");var e=n.pop();e&&m.renderRoot(e),n.length&&l(c)}function i(a){s.setHostConfig(a);return{createContainer:function(e,t,n){var r={$$typeof:O.NodeType.Root,props:{children:[e]},stateNode:t,callback:n};a.removeAllChild(t),u(r)},updateContainer:function(e,t,n){var r={$$typeof:O.NodeType.Root,props:{children:[e]},stateNode:t,callback:n},a=f.Reflection.getContainerFiber(r);a.alternate=null,r.alternate=a,u(r)},isContainer:function(e){return f.Reflection.hasContainerFiber(e)}}}t.scheduleWork=u,t.createRenderer=i,t.default=i});t(F);F.scheduleWork,F.createRenderer;var u=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.is=function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t}});t(u);u.is;var H=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});function o(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!u.is(e[n],t[n]))return!1;return!0}function c(e){var t=v.getIndex(),n=m.getCurrentWorkInProgress(),r=n.memoizedState||{};return t in r||(r[t]=e,n.memoizedState=r),[r[t],function(e){e!==r[t]&&(r[t]=e,F.scheduleWork(n))}]}t.useState=c;t.useReducer=function(e,t,n){var r=f(e),a=n?r(t,n):t,l=c(a),u=l[0],o=l[1];return[u,function(e){return o(r(u,e))}]};function i(e){return c({current:e})[0]}t.useRef=i;var f=function(e,t){var n=i(e),r=i(null);return t&&o(t,r.current)?n.current:(n.current=e,r.current=t,e)};t.useCallBack=f;t.useMemo=function(e,t){var n=i(null),r=i(null);return t&&o(t,r.current)||(n.current=e(),r.current=t),n.current};t.useEffect=function(e,t){var n,r,a=m.getCurrentWorkInProgress(),l=a.memoizedState,u=i(null);t&&o(t,u.current)||(u.current=t,a.memoizedState=((r=(n=l||{}).in||[]).push(e),n.in=r,n))};t.useImperativeHandle=function(e,t,n){var r=i(null);if(!n||!o(n,r.current)){r.current=n;var a=t();"function"==typeof e?e(a):e.current=a}};t.useContext=function(e){return e.value}});t(H);H.useState,H.useReducer,H.useRef,H.useCallBack,H.useMemo,H.useEffect,H.useImperativeHandle,H.useContext;var w=n(function(e,t){var a=C&&C.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});t.createTextElement=function(e){return{tag:"#text",$$typeof:O.NodeType.Text,props:{nodeValue:e}}};t.createElement=function(e,t){for(var n=[],r=2;r<arguments.length;r++)n[r-2]=arguments[r];return t=a(a({},t),{children:P.Children.toArray.apply(P.Children,n)}),"string"==typeof e?{$$typeof:O.NodeType.Host,tag:e,props:t}:"function"==typeof e?{$$typeof:O.NodeType.Hook,tag:e,props:t}:e===O.NodeType.Fragment?{$$typeof:O.NodeType.Fragment,tag:"#fragment",props:t}:{$$typeof:O.NodeType.Unknown,tag:e,props:t}}});t(w);w.createTextElement,w.createElement;var j=n(function(e,t){var a=C&&C.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0});t.forwardRef=function(r){return function(e){var t=e.ref,n=a(e,["ref"]);return r(n,t)}}});t(j);j.forwardRef;var R=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.createContext=function(r){return{Provider:function(e){var t=e.children,n=e.value;return r=n,t},Consumer:function(e){return(0,e.children)(r)},value:r}}});t(R);R.createContext;var x=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var c=R.createContext({});t.lazy=function(o){return function(e){var n=H.useContext(c),t=n.fallback,r=n.result,a=H.useState(t),l=a[0],u=a[1];return H.useEffect(function(){r?u(r):o(e).then(function(e){var t=(0,e.default)();u(t),n.result=t})},[n.fallback]),l}};t.Suspense=function(e){var t=e.fallback,n=e.children;return H.useContext(c).fallback=t,n}});t(x);x.lazy,x.Suspense;var o=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var l=Object.prototype.hasOwnProperty;t.shallowEqual=function(e,t){if(u.is(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var a=0;a<n.length;a++)if(!l.call(t,n[a])||!u.is(e[n[a]],t[n[a]]))return!1;return!0}});t(o);o.shallowEqual;var z=n(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});t.memo=function(l,u){return function(e){var t,n=(t=e,Object.fromEntries(Object.entries(t).filter(function(e){return"children"!==e[0]}))),r=H.useRef(null),a=H.useRef(null);if(u){if(u(r.current,n))return a.current}else if(o.shallowEqual(r.current,n))return a.current;return r.current=n,a.current=l(e),a.current}}});t(z);z.memo;var r=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var r=n(H);t.createRenderer=F.createRenderer;var a,l,u=n(w),o=n(x),c=n(R),i=n(M),f=n(z);(l=a=a||{}).useCallBack=r.useCallBack,l.useMemo=r.useMemo,l.useReducer=r.useReducer,l.useRef=r.useRef,l.useState=r.useState,l.useEffect=r.useEffect,l.useImperativeHandle=r.useImperativeHandle,l.createElement=u.createElement,l.Children=P.Children,l.Fragment=O.NodeType.Fragment,l.forwardRef=j.forwardRef,l.lazy=o.lazy,l.Suspense=o.Suspense,l.memo=f.memo,l.createContext=c.createContext,l.Stack=i,t.React=a;var s=r.useCallBack;t.useCallBack=s;var d=r.useMemo;t.useMemo=d;var v=r.useReducer;t.useReducer=v;var m=r.useRef;t.useRef=m;var p=r.useState;t.useState=p;var y=r.useEffect;t.useEffect=y;var b=r.useImperativeHandle;t.useImperativeHandle=b;var E=O.NodeType.Fragment;t.Fragment=E;var h=j.forwardRef;t.forwardRef=h;var _=o.lazy;t.lazy=_;var g=o.Suspense;t.Suspense=g;var T=f.memo;t.memo=T;var S=c.createContext;t.createContext=S;var k=i;t.Stack=k,t.default=a});t(r);r.createRenderer,r.React,r.useCallBack,r.useMemo,r.useReducer,r.useRef,r.useState,r.useEffect,r.useImperativeHandle,r.Fragment,r.forwardRef,r.lazy,r.Suspense,r.memo,r.createContext,r.Stack;var p=n(function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),function(e){for(var t in e)n.hasOwnProperty(t)||(n[t]=e[t])}(r);var t=r;n.default=t.default});t(p);var l=n(function(e,t){var n,r;Object.defineProperty(t,"__esModule",{value:!0}),(r=n=n||{}).createElement=function(e){return document.createElement(e)},r.createDocumentFragment=function(){return document.createDocumentFragment()},r.createTextNode=function(e){return document.createTextNode(String(e))},r.insertBefore=function(e,t,n){e.insertBefore(t,n)},r.appendChild=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e.append.apply(e,t)},r.removeSelf=function(e){e.remove()},r.removeAllChild=function(e){e.innerHTML=""},r.updateProps=function(r,e,a){if(Object.entries(e).forEach(function(e){var t=e[0],n=e[1];"style"!==t&&a[t]!==n&&(t.startsWith("on")&&(t=t.toLowerCase()),"dangerouslySetInnerHTML"===t&&(t="innerHTML",n=n.__html),r[t]=n)}),e.style){var t=e.style,l=a.style||{};Object.entries(t).forEach(function(e){var t=e[0],n=e[1];l[t]!==n&&(r.style[t]=n)})}},t.HostConfig=n});t(l);l.HostConfig;var a=n(function(e,t){var n=C&&C.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HostConfig=l.HostConfig;var r,a=n(F).default(l.HostConfig);(r||(r={})).render=function(e,t,n){if(null===t)throw new Error("Target container is not a DOM element.");a.isContainer(t)?a.updateContainer(e,t,n):a.createContainer(e,t,n)},t.ReactDOM=r,t.default=r});t(a);a.HostConfig,a.ReactDOM;var b=n(function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),function(e){for(var t in e)n.hasOwnProperty(t)||(n[t]=e[t])}(a);var t=a;n.default=t.default});t(b);var E=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var l=n(p);t.TestIf=function(){var e=l.useState(!0),t=e[0],n=e[1],r=l.useCallBack(function(){return n(!t)},[t]),a=l.useCallBack(function(){return n(!t)},[]);return l.default.createElement("div",null,l.default.createElement("div",null,"TestIf Demo"),t&&l.default.createElement("ol",null,l.default.createElement("li",null,"apple"),l.default.createElement("li",null,"banana"),l.default.createElement("li",null,"orange")),l.default.createElement("button",{onclick:r},"change(useCallBack(fn, [show]))"),l.default.createElement("button",{onclick:a},"change(useCallBack(fn, []))"))}});t(E);E.TestIf;var h=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var r=n(p);t.TestList=function(){var e=r.useState([1,2,3]),t=e[0],n=e[1];return r.default.createElement("div",null,r.default.createElement("div",null,"TestList Demo"),r.default.createElement("ul",null,t.map(function(e){return r.default.createElement("li",null,e)})),r.default.createElement("button",{onclick:function(){return n([1,2,3,4,5])}},"append"),r.default.createElement("button",{onclick:function(){return n([1])}},"remove"),r.default.createElement("button",{onclick:function(){return n([0,1,2,3])}},"insert"))}});t(h);h.TestList;var _=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var l=n(p);t.TestPlace=function(){var e=l.useState(l.default.createElement("p",null,"to be placed")),t=e[0],n=e[1],r=l.useRef(!0),a=l.useRef();return l.default.createElement("div",null,l.default.createElement("div",{ref:a},"TestPlace Demo"),t,l.default.createElement("button",{onclick:function(){r.current?n(l.default.createElement("div",null,l.default.createElement("header",null,"header"),l.default.createElement("ul",null,l.default.createElement("li",null,"content1"),l.default.createElement("li",null,"content2")),l.default.createElement("footer",null,"footer"))):n(l.default.createElement("p",null,"to be placed")),r.current=!r.current}},"place"),l.default.createElement("button",{onclick:function(){return console.log(a)}},"console ref"))}});t(_);_.TestPlace;var g=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var u=n(p);t.TestUseMemo=function(){function e(){return n+1}var t=u.useState(0),n=t[0],r=t[1],a=u.useMemo(e,[]),l=e();return u.default.createElement("div",null,u.default.createElement("div",null,"TestUseMemo Demo"),u.default.createElement("div",null,u.default.createElement("ul",null,u.default.createElement("li",null,"state:",n),u.default.createElement("li",null,"memoState:",a),u.default.createElement("li",null,"no memoState:",l)),u.default.createElement("button",{onclick:function(){return r(n+1)}},"update")))}});t(g);g.TestUseMemo;var T=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var r=n(p);t.TestUseReducer=function(){var e=r.useReducer(function(e,t){switch(t.type){case"add":return{count:e.count+1};case"sub":return{count:e.count-1};default:return e}},{count:0},{type:"add"}),t=e[0],n=e[1];return r.default.createElement("div",null,r.default.createElement("div",null,"TestUseReducer Demo"),r.default.createElement("div",null,r.default.createElement("div",null,"state:",t.count),r.default.createElement("button",{onclick:function(){return n({type:"add"})}},"add"),r.default.createElement("button",{onclick:function(){return n({type:"sub"})}},"sub")))}});t(T);T.TestUseReducer;var S=n(function(e,t){var n=C&&C.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});function r(e){var t=e.list;return u.default.createElement("ul",null,t.map(function(e){return u.default.createElement("li",null,e)}))}function a(e){var t=e.children;return u.default.createElement("ul",null,t.map(function(e){return u.default.createElement("li",null,e)}))}function l(e){var t=e.children;return u.default.createElement("div",null,t)}var u=n(p);t.TestChildren=function(){return u.default.createElement("div",null,u.default.createElement("div",null,"TestChildren"),u.default.createElement(r,{list:[1,2,3]}),u.default.createElement(a,null,[4,5,6]),u.default.createElement(l,null,"this is a single string child"))}});t(S);S.TestChildren;var k=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var r=n(p);t.TestStyle=function(){var e=r.useState("red"),t=e[0],n=e[1];return r.default.createElement("div",null,r.default.createElement("div",null,"TestStyle Demo"),r.default.createElement("div",{style:{color:t}},"what color it is now?"),r.default.createElement("button",{onclick:function(){return n("blue")}},"change"))}});t(k);k.TestStyle;var I=n(function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),function(e){for(var t in e)n.hasOwnProperty(t)||(n[t]=e[t])}(F);var t=F;n.default=t.default});t(I),t(n(function(e,t){var n=C&&C.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var r=n(p),a=n(I).default(b.HostConfig),l={state:0},u=function(){var e=l.state;return r.default.createElement("div",null,r.default.createElement("hr",null),r.default.createElement("div",null,"This is a UpdateContainer Test"),r.default.createElement("div",null,e),r.default.createElement("button",{onclick:function(){l.state++,a.updateContainer(r.default.createElement(u,null),o,function(){return console.log(l.state)})}},"add"))},o=document.createElement("div");document.body.append(o),a.createContainer(r.default.createElement(u,null),o)}));var N=n(function(e,t){var n=C&&C.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var r=n(p);t.TestSetInnerHTML=function(){return r.default.createElement("div",null,r.default.createElement("div",null,"TestSetInnerHTML Demo"),r.default.createElement("div",{dangerouslySetInnerHTML:{__html:"<div>\n          <strong>from dangerouslySetInnerHTML</strong>\n        </div>"}}))}});t(N);N.TestSetInnerHTML;var D=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});function r(){var e=a.useState(0),t=e[0],n=e[1];return a.default.createElement(a.default.Fragment,null,a.default.createElement("p",null,"in fragment1"),a.default.createElement("p",null,"in fragment2"),a.default.createElement(a.default.Fragment,null,a.default.createElement("div",null,"fragment in fragment"),t,a.default.createElement("button",{onclick:function(){return n(t+1)}},"add")))}var a=n(p);t.TestFragment=function(){return a.default.createElement("div",null,a.default.createElement("div",null,"TestFragment Demo"),a.default.createElement("div",null,a.default.createElement(r,null)))}});t(D);D.TestFragment;var L=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});function r(){a.useEffect(function(){return l.push("A"),console.log("mount",l),function(){l.pop(),console.log("unmount",l)}});var e=a.useState(0),t=e[0],n=e[1];return a.default.createElement("div",null,a.default.createElement("p",null,"I'm a subscriber"),t,a.default.createElement("button",{onclick:function(){return n(t+1)}},"update hook"))}var a=n(p),l=[];t.TestUseEffect=function(){var e=a.useState(!0),t=e[0],n=e[1];return a.useEffect(function(){return console.log("willUpdate"),function(){console.log("didupdate")}}),a.default.createElement("div",null,a.default.createElement("div",null,"TestUseEffect Demo"),a.default.createElement("div",null,t?a.default.createElement(r,null):a.default.createElement("div",null,a.default.createElement("div",null,"cleaned"),a.default.createElement("p",null,"cleaned2"))),a.default.createElement("button",{onclick:function(){return n(!t)}},"place hook by host"))}});t(L);L.TestUseEffect;var U=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var r=n(p),a=r.forwardRef(function(e,t){var n=r.useRef();return r.useImperativeHandle(t,function(){return{focus:function(){console.log("input focus!"),n.current.focus()}}}),r.default.createElement("input",{type:"text",ref:n})});t.TestForwardRef=function(){var e=r.useRef();return r.default.createElement("div",null,r.default.createElement("div",null,"TestForwardRef Demo"),r.default.createElement("div",null,r.default.createElement(a,{ref:e})),r.default.createElement("button",{onclick:function(){return e.current.focus()}},"focus the input"))}});t(U);U.TestForwardRef;var $=n(function(e,t){var n=C&&C.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});function r(e){var t=e.children;return l.default.createElement(u.Provider,{value:{name:"qwq"}},t)}function a(){return l.default.createElement(u.Consumer,null,function(e){var t=e.name;return l.default.createElement("p",null,t)})}var l=n(p),u=l.default.createContext({name:""});t.TestContext=function(){return l.default.createElement("div",null,l.default.createElement("div",null,"TestContext Demo"),l.default.createElement("div",null,l.default.createElement(r,null,l.default.createElement("div",null,l.default.createElement(a,null)))))}});t($);$.TestContext;var A=n(function(e,t){var n=C&&C.__awaiter||function(e,u,o,c){return new(o=o||Promise)(function(n,t){function r(e){try{l(c.next(e))}catch(e){t(e)}}function a(e){try{l(c.throw(e))}catch(e){t(e)}}function l(e){var t;e.done?n(e.value):((t=e.value)instanceof o?t:new o(function(e){e(t)})).then(r,a)}l((c=c.apply(e,u||[])).next())})},r=C&&C.__generator||function(n,r){var a,l,u,e,o={label:0,sent:function(){if(1&u[0])throw u[1];return u[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(a)throw new TypeError("Generator is already executing.");for(;o;)try{if(a=1,l&&(u=2&t[0]?l.return:t[0]?l.throw||((u=l.return)&&u.call(l),0):l.next)&&!(u=u.call(l,t[1])).done)return u;switch(l=0,u&&(t=[2&t[0],u.value]),t[0]){case 0:case 1:u=t;break;case 4:return o.label++,{value:t[1],done:!1};case 5:o.label++,l=t[1],t=[0];continue;case 7:t=o.ops.pop(),o.trys.pop();continue;default:if(!(u=0<(u=o.trys).length&&u[u.length-1])&&(6===t[0]||2===t[0])){o=0;continue}if(3===t[0]&&(!u||t[1]>u[0]&&t[1]<u[3])){o.label=t[1];break}if(6===t[0]&&o.label<u[1]){o.label=u[1],u=t;break}if(u&&o.label<u[2]){o.label=u[2],o.ops.push(t);break}u[2]&&o.ops.pop(),o.trys.pop();continue}t=r.call(n,o)}catch(e){t=[6,e],l=0}finally{a=u=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},a=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var l=a(p),u=l.lazy(function(){return n(void 0,void 0,void 0,function(){return r(this,function(e){switch(e.label){case 0:return[4,(void 0===(t=2e3)&&(t=1e3),new Promise(function(e){return setTimeout(e,t)}))];case 1:return e.sent(),console.log("lazy-component loaded."),[2,{default:function(){return l.default.createElement("div",null,l.default.createElement("p",null,"lazy content"))}}]}var t})})});t.TestLazy=function(){var e=l.useState(!0),t=e[0],n=e[1];return l.default.createElement("div",null,l.default.createElement("div",null,"TestLazy Demo"),l.default.createElement("div",null,t?l.default.createElement(l.Suspense,{fallback:l.default.createElement("p",null,"loading...")},l.default.createElement(u,null)):l.default.createElement("p",null,"lazy is unmount")),l.default.createElement("button",{onclick:function(){return n(!t)}},t?"unmount the lazy":"mount the lazy"))}});t(A);A.TestLazy;var B=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t};Object.defineProperty(t,"__esModule",{value:!0});var o=n(p),c=o.default.memo(function(e){var t=e.content;return o.useEffect(function(){console.log("memo")}),o.default.createElement("div",null,t)});t.TestMemo=function(){var e,t,n,r=o.useState("awsl"),a=r[0],l=r[1],u=(e=o.useState(0),t=e[0],n=e[1],function(){return n(t+1)});return o.default.createElement("div",null,o.default.createElement("div",null,"TestMemo Demo"),o.default.createElement("div",null,o.default.createElement(c,{content:a})),o.default.createElement("div",null,o.default.createElement("button",{onclick:function(){return l("xmsl")}},"setText1"),o.default.createElement("button",{onclick:function(){return l("awsl")}},"setText2")),o.default.createElement("button",{onclick:u},"forceUpdate"))}});t(B);B.TestMemo;var W=n(function(e,t){var n=C&&C.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t},r=C&&C.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(p),l=r(b),u={state:0},o=[function(){var e=u.state;return a.default.createElement("div",null,a.default.createElement("div",null,"This is a RerenderRoot Test"),a.default.createElement("div",null,e),a.default.createElement("button",{onclick:function(){u.state++,l.default.render(a.default.createElement(c,null),document.getElementById("root"))}},"add"))},E.TestIf,h.TestList,_.TestPlace,g.TestUseMemo,T.TestUseReducer,S.TestChildren,k.TestStyle,N.TestSetInnerHTML,D.TestFragment,L.TestUseEffect,U.TestForwardRef,$.TestContext,A.TestLazy,B.TestMemo],c=function(){var e=a.useState(!1),t=e[0],n=e[1];return i(t),a.default.createElement("div",null,a.default.createElement("header",null,a.default.createElement("h1",null,"React Features Tests")),a.default.createElement("main",null,a.default.createElement("section",null,"performance analysis:",a.default.createElement("input",{type:"checkbox",oninput:function(e){return n(e.target.checked)}})),a.default.createElement("section",null,a.default.createElement("ol",null,o.map(function(e,t){return a.default.createElement("li",null,0!==t&&a.default.createElement("hr",null),a.default.createElement(e,null))})))),a.default.createElement("footer",null,a.default.createElement("i",null,"by ",a.default.createElement("a",{href:"https://saber2pr.top/"},"saber2pr"))))},i=function(e){void 0===e&&(e=!1);var t=a.useRef();a.useEffect(function(){e?t.current=a.default.Stack.watchStackSize(console.log):t.current&&(t.current(),t.current=null)},[e])};l.default.render(a.default.createElement(c,null),document.getElementById("root"))}),q=t(W);return e.__moduleExports=W,e.default=q,e}({});
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..44bdfd1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+    <html>
+      <head>
+        <title>@saber2pr/react</title>
+      </head>
+      <body>
+        <div id="root"></div>
+        <script src=//cdn.jsdelivr.net/gh/saber2pr/react@gh-pages/bundle.1624718178905.js></script>
+      </body>
+    </html>
\ No newline at end of file
diff --git a/package.json b/package.json
deleted file mode 100644
index ad9b251..0000000
--- a/package.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "name": "@saber2pr/react",
-  "version": "0.3.3",
-  "description": "react in Typescript.",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Saber2pr/react.git"
-  },
-  "author": "saber2pr",
-  "license": "MIT",
-  "files": [
-    "lib/core/*",
-    "lib/index.*",
-    "lib/client.*",
-    "lib/server.*",
-    "lib/reconciler.*"
-  ],
-  "main": "./lib/index.js",
-  "scripts": {
-    "start": "tsc --watch",
-    "dev": "rollup -c --watch",
-    "test": "node ./lib/__test__/TestSSR",
-    "build": "tsc && cross-env NODE_ENV=production rollup -c"
-  },
-  "keywords": [
-    "react-like",
-    "react-hooks",
-    "typescript"
-  ],
-  "devDependencies": {
-    "@rollup/plugin-html": "^0.2.3",
-    "cross-env": "^7.0.3",
-    "rollup": "^1.27.8",
-    "rollup-plugin-commonjs": "^9.2.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-uglify": "^6.0.3",
-    "typescript": "^3.4.3"
-  }
-}
\ No newline at end of file
diff --git a/rollup.config.js b/rollup.config.js
deleted file mode 100644
index 09eb868..0000000
--- a/rollup.config.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import resolve from "rollup-plugin-node-resolve"
-import commonjs from "rollup-plugin-commonjs"
-import { uglify } from "rollup-plugin-uglify"
-import html from '@rollup/plugin-html'
-
-const cdn = '//cdn.jsdelivr.net/gh'
-const username = 'saber2pr'
-const repo = 'react'
-const pages_branch = 'gh-pages'
-
-const publicPath = process.env.NODE_ENV === 'production'
-  ? `${cdn}/${username}/${repo}@${pages_branch}/`
-  : './'
-
-const fileName = `bundle.${Date.now()}.js`
-
-export default {
-  input: "./lib/__test__/Test.js",
-  output: {
-    file: `./build/${fileName}`,
-    format: "iife",
-    name: "react",
-    exports: "named"
-  },
-  watch: {
-    include: "lib/**"
-  },
-  plugins: [commonjs(), resolve(), uglify(), html({
-    template: () => `<!DOCTYPE html>
-    <html>
-      <head>
-        <title>@saber2pr/react</title>
-      </head>
-      <body>
-        <div id="root"></div>
-        <script src=${`${publicPath}${fileName}`}></script>
-      </body>
-    </html>`
-  })]
-}
diff --git a/src/__test__/Test.tsx b/src/__test__/Test.tsx
deleted file mode 100644
index 06388b3..0000000
--- a/src/__test__/Test.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:41:19
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-13 16:38:54
- */
-import React, { useState, useEffect, useRef } from ".."
-import ReactDOM from "../client"
-import { TestIf } from "./TestIF"
-import { TestList } from "./TestList"
-import { TestPlace } from "./TestPlace"
-import { TestUseMemo } from "./TestUseMemo"
-import { TestUseReducer } from "./TestUseReducer"
-import { TestChildren } from "./TestChildren"
-import { TestStyle } from "./TestStyle"
-import "./TestCreateRenderer"
-import { TestSetInnerHTML } from "./TestSetInnerHTML"
-import { TestFragment } from "./TestFragment"
-import { TestUseEffect } from "./TestUseEffect"
-import { TestForwardRef } from "./TestForwardRef"
-import { TestContext } from "./TestContext"
-import { TestLazy } from "./TestLazy"
-import { TestMemo } from "./TestMemo"
-
-const Store = {
-  state: 0
-}
-
-const TestRerenderRoot = () => {
-  const state = Store.state
-  return (
-    <div>
-      <div>This is a RerenderRoot Test</div>
-      <div>{state}</div>
-      <button
-        onclick={() => {
-          Store.state++
-          ReactDOM.render(<App />, document.getElementById("root"))
-        }}
-      >
-        add
-      </button>
-    </div>
-  )
-}
-
-const Tests = [
-  TestRerenderRoot,
-  TestIf,
-  TestList,
-  TestPlace,
-  TestUseMemo,
-  TestUseReducer,
-  TestChildren,
-  TestStyle,
-  TestSetInnerHTML,
-  TestFragment,
-  TestUseEffect,
-  TestForwardRef,
-  TestContext,
-  TestLazy,
-  TestMemo
-]
-
-const App = () => {
-  const [state, setState] = useState(false)
-  useWatchStack(state)
-  return (
-    <div>
-      <header>
-        <h1>React Features Tests</h1>
-      </header>
-      <main>
-        <section>
-          performance analysis:
-          <input
-            type="checkbox"
-            oninput={event => setState(event.target["checked"])}
-          />
-        </section>
-        <section>
-          <ol>
-            {Tests.map((Test, i) => (
-              <li>
-                {i !== 0 && <hr />}
-                <Test />
-              </li>
-            ))}
-          </ol>
-        </section>
-      </main>
-      <footer>
-        <i>
-          by <a href="https://saber2pr.top/">saber2pr</a>
-        </i>
-      </footer>
-    </div>
-  )
-}
-
-// if need analysis the performance.
-const useWatchStack = (shouldWatchStack = false) => {
-  const cancel = useRef<Function>()
-  useEffect(() => {
-    if (shouldWatchStack) {
-      cancel.current = React.Stack.watchStackSize(console.log)
-    } else {
-      if (cancel.current) {
-        cancel.current()
-        cancel.current = null
-      }
-    }
-  }, [shouldWatchStack])
-}
-
-// open '../../index.html' in browser.
-ReactDOM.render(<App />, document.getElementById("root"))
diff --git a/src/__test__/TestChildren.tsx b/src/__test__/TestChildren.tsx
deleted file mode 100644
index c8f434f..0000000
--- a/src/__test__/TestChildren.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:32:18
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-07 23:29:26
- */
-import React from ".."
-
-const ListFromProps = ({ list }: { list: number[] }) => (
-  <ul>
-    {list.map(l => (
-      <li>{l}</li>
-    ))}
-  </ul>
-)
-
-const ListFromChildren = ({ children }: { children: number[] }) => (
-  <ul>
-    {children.map(l => (
-      <li>{l}</li>
-    ))}
-  </ul>
-)
-
-const UseChildren = ({ children }: React.Props<any>) => {
-  return <div>{children}</div>
-}
-
-export const TestChildren = () => {
-  return (
-    <div>
-      <div>TestChildren</div>
-      <ListFromProps list={[1, 2, 3]} />
-      <ListFromChildren>{[4, 5, 6]}</ListFromChildren>
-      <UseChildren>this is a single string child</UseChildren>
-    </div>
-  )
-}
diff --git a/src/__test__/TestContext.tsx b/src/__test__/TestContext.tsx
deleted file mode 100644
index 35a8455..0000000
--- a/src/__test__/TestContext.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-10 20:27:38
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 20:37:35
- */
-import React from ".."
-
-const Context = React.createContext({ name: "" })
-
-const Parent = ({ children }: { children: JSX.Element }) => {
-  return <Context.Provider value={{ name: "qwq" }}>{children}</Context.Provider>
-}
-
-const Child = () => {
-  return (
-    <Context.Consumer>
-      {({ name }) => {
-        return <p>{name}</p>
-      }}
-    </Context.Consumer>
-  )
-}
-
-const TestContext = () => {
-  return (
-    <div>
-      <div>TestContext Demo</div>
-      <div>
-        <Parent>
-          <div>
-            <Child />
-          </div>
-        </Parent>
-      </div>
-    </div>
-  )
-}
-
-export { TestContext }
diff --git a/src/__test__/TestCreateRenderer.tsx b/src/__test__/TestCreateRenderer.tsx
deleted file mode 100644
index 7c25805..0000000
--- a/src/__test__/TestCreateRenderer.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 20:38:27
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-13 12:57:50
- */
-import React from ".."
-import ReactFiberReconciler from "../reconciler"
-import { HostConfig } from "../client"
-
-// use your host config.
-const Renderer = ReactFiberReconciler(HostConfig)
-
-const Store = {
-  state: 0
-}
-
-const TestCreateRenderer = () => {
-  const state = Store.state
-  return (
-    <div>
-      <hr />
-      <div>This is a UpdateContainer Test</div>
-      <div>{state}</div>
-      <button
-        onclick={() => {
-          Store.state++
-          // update
-          Renderer.updateContainer(<TestCreateRenderer />, container, () =>
-            console.log(Store.state)
-          )
-        }}
-      >
-        add
-      </button>
-    </div>
-  )
-}
-
-const container = document.createElement("div")
-document.body.append(container)
-
-// init render
-Renderer.createContainer(<TestCreateRenderer />, container)
diff --git a/src/__test__/TestForwardRef.tsx b/src/__test__/TestForwardRef.tsx
deleted file mode 100644
index d08a692..0000000
--- a/src/__test__/TestForwardRef.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-10 17:13:15
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 17:59:23
- */
-import React, { useRef, forwardRef, useImperativeHandle } from ".."
-
-const Input = forwardRef<{ focus: Function }>(({}, ref) => {
-  const input_ref = useRef<HTMLInputElement>()
-
-  useImperativeHandle(ref, () => ({
-    focus: () => {
-      console.log("input focus!")
-      input_ref.current.focus()
-    }
-  }))
-
-  return <input type="text" ref={input_ref} />
-})
-
-export const TestForwardRef = () => {
-  const ref = useRef<HTMLInputElement>()
-  return (
-    <div>
-      <div>TestForwardRef Demo</div>
-      <div>
-        <Input ref={ref} />
-      </div>
-      <button onclick={() => ref.current.focus()}>focus the input</button>
-    </div>
-  )
-}
diff --git a/src/__test__/TestFragment.tsx b/src/__test__/TestFragment.tsx
deleted file mode 100644
index 544abec..0000000
--- a/src/__test__/TestFragment.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-08 11:09:47
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 11:24:14
- */
-import React, { useState } from ".."
-
-const Content = () => {
-  const [state, setState] = useState(0)
-  return (
-    <>
-      <p>in fragment1</p>
-      <p>in fragment2</p>
-      <>
-        <div>fragment in fragment</div>
-        {state}
-        <button onclick={() => setState(state + 1)}>add</button>
-      </>
-    </>
-  )
-}
-
-export const TestFragment = () => {
-  return (
-    <div>
-      <div>TestFragment Demo</div>
-      <div>
-        <Content />
-      </div>
-    </div>
-  )
-}
diff --git a/src/__test__/TestIF.tsx b/src/__test__/TestIF.tsx
deleted file mode 100644
index d584e84..0000000
--- a/src/__test__/TestIF.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:28:47
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-06 17:28:45
- */
-import React, { useCallBack, useState } from ".."
-
-export const TestIf = () => {
-  const [isShow, setState] = useState(true)
-  const clickWithDeps = useCallBack(() => setState(!isShow), [isShow])
-  const clickWithNullDes = useCallBack(() => setState(!isShow), [])
-  return (
-    <div>
-      <div>TestIf Demo</div>
-      {isShow && (
-        <ol>
-          <li>apple</li>
-          <li>banana</li>
-          <li>orange</li>
-        </ol>
-      )}
-      <button onclick={clickWithDeps}>change(useCallBack(fn, [show]))</button>
-      <button onclick={clickWithNullDes}>change(useCallBack(fn, []))</button>
-    </div>
-  )
-}
diff --git a/src/__test__/TestLazy.tsx b/src/__test__/TestLazy.tsx
deleted file mode 100644
index 4d06be8..0000000
--- a/src/__test__/TestLazy.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-11 16:22:14
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-11 16:22:14
- */
-import React, { Suspense, lazy, useState } from ".."
-
-const timeout = (delta = 1000) =>
-  new Promise(resolve => setTimeout(resolve, delta))
-
-const Content = lazy(async () => {
-  await timeout(2000)
-  console.log("lazy-component loaded.")
-  return {
-    default: () => (
-      <div>
-        <p>lazy content</p>
-      </div>
-    )
-  }
-})
-
-const TestLazy = () => {
-  const [state, setState] = useState(true)
-  return (
-    <div>
-      <div>TestLazy Demo</div>
-      <div>
-        {state ? (
-          <Suspense fallback={<p>loading...</p>}>
-            <Content />
-          </Suspense>
-        ) : (
-          <p>lazy is unmount</p>
-        )}
-      </div>
-      <button onclick={() => setState(!state)}>
-        {state ? "unmount the lazy" : "mount the lazy"}
-      </button>
-    </div>
-  )
-}
-
-export { TestLazy }
diff --git a/src/__test__/TestList.tsx b/src/__test__/TestList.tsx
deleted file mode 100644
index 672b060..0000000
--- a/src/__test__/TestList.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:28:50
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-06 16:29:05
- */
-import React, { useState } from ".."
-
-export const TestList = () => {
-  const [list, setList] = useState([1, 2, 3])
-  return (
-    <div>
-      <div>TestList Demo</div>
-      <ul>
-        {list.map(l => (
-          <li>{l}</li>
-        ))}
-      </ul>
-      <button onclick={() => setList([1, 2, 3, 4, 5])}>append</button>
-      <button onclick={() => setList([1])}>remove</button>
-      <button onclick={() => setList([0, 1, 2, 3])}>insert</button>
-    </div>
-  )
-}
diff --git a/src/__test__/TestMemo.tsx b/src/__test__/TestMemo.tsx
deleted file mode 100644
index 93fabc5..0000000
--- a/src/__test__/TestMemo.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-13 16:38:42
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-13 16:55:19
- */
-import React, { useEffect, useState } from ".."
-
-const Content = React.memo(({ content }: { content: string }) => {
-  useEffect(() => {
-    console.log("memo")
-  })
-  return <div>{content}</div>
-})
-
-const useForceUpdate = () => {
-  const [tick, setTick] = useState(0)
-  return () => setTick(tick + 1)
-}
-
-const TestMemo = () => {
-  const [text, setText] = useState("awsl")
-  const forceUpdate = useForceUpdate()
-  return (
-    <div>
-      <div>TestMemo Demo</div>
-      <div>
-        <Content content={text} />
-      </div>
-      <div>
-        <button onclick={() => setText("xmsl")}>setText1</button>
-        <button onclick={() => setText("awsl")}>setText2</button>
-      </div>
-      <button onclick={forceUpdate}>forceUpdate</button>
-    </div>
-  )
-}
-
-export { TestMemo }
diff --git a/src/__test__/TestPlace.tsx b/src/__test__/TestPlace.tsx
deleted file mode 100644
index 29b1da3..0000000
--- a/src/__test__/TestPlace.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:28:44
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-06 16:41:58
- */
-import React, { useState, useRef } from ".."
-
-export const TestPlace = () => {
-  const [state, setState] = useState(<p>to be placed</p>)
-  const flag = useRef(true)
-  const ref = useRef<HTMLDivElement>()
-  return (
-    <div>
-      <div ref={ref}>TestPlace Demo</div>
-      {state}
-      <button
-        onclick={() => {
-          if (flag.current) {
-            setState(
-              <div>
-                <header>header</header>
-                <ul>
-                  <li>content1</li>
-                  <li>content2</li>
-                </ul>
-                <footer>footer</footer>
-              </div>
-            )
-          } else {
-            setState(<p>to be placed</p>)
-          }
-          flag.current = !flag.current
-        }}
-      >
-        place
-      </button>
-      <button onclick={() => console.log(ref)}>console ref</button>
-    </div>
-  )
-}
diff --git a/src/__test__/TestSSR.tsx b/src/__test__/TestSSR.tsx
deleted file mode 100644
index b555882..0000000
--- a/src/__test__/TestSSR.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 23:12:18
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 11:46:08
- */
-import React from ".."
-import ReactDOMServer from "../server"
-
-const Content = ({ content }: { content: string }) => (
-  <div>
-    <div style={{ color: "red" }}>{content}</div>
-    <>
-      <p>fragment1</p>
-      <p>fragment2</p>
-    </>
-    <button onclick={() => console.log("click")}>click</button>
-  </div>
-)
-
-const App = () => {
-  return (
-    <div>
-      <div>This is a SSR Demo</div>
-      <Content content="has color" />
-    </div>
-  )
-}
-
-// run script: `yarn test`, then output the HTMLString
-console.log(ReactDOMServer.renderToString(<App />))
diff --git a/src/__test__/TestSetInnerHTML.tsx b/src/__test__/TestSetInnerHTML.tsx
deleted file mode 100644
index 22a169e..0000000
--- a/src/__test__/TestSetInnerHTML.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 23:12:34
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-07 23:12:34
- */
-import React from ".."
-
-export const TestSetInnerHTML = () => {
-  return (
-    <div>
-      <div>TestSetInnerHTML Demo</div>
-      <div
-        dangerouslySetInnerHTML={{
-          __html: `<div>
-          <strong>from dangerouslySetInnerHTML</strong>
-        </div>`
-        }}
-      />
-    </div>
-  )
-}
diff --git a/src/__test__/TestStyle.tsx b/src/__test__/TestStyle.tsx
deleted file mode 100644
index 25bbc53..0000000
--- a/src/__test__/TestStyle.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 19:52:53
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-07 22:43:24
- */
-import React, { useState } from ".."
-
-export const TestStyle = () => {
-  const [state, setState] = useState("red")
-  return (
-    <div>
-      <div>TestStyle Demo</div>
-      <div style={{ color: state }}>what color it is now?</div>
-      <button onclick={() => setState("blue")}>change</button>
-    </div>
-  )
-}
diff --git a/src/__test__/TestUseCallback.ts b/src/__test__/TestUseCallback.ts
deleted file mode 100644
index 8e0ab8e..0000000
--- a/src/__test__/TestUseCallback.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:28:54
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-06 16:02:38
- */
-import { TestIf } from "./TestIF"
-
-export const TestUseCallback = TestIf
diff --git a/src/__test__/TestUseEffect.tsx b/src/__test__/TestUseEffect.tsx
deleted file mode 100644
index 889a021..0000000
--- a/src/__test__/TestUseEffect.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-09 16:16:29
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-09 16:43:52
- */
-import React, { useEffect, useState } from ".."
-
-const listeners = []
-
-const Subscription = () => {
-  useEffect(() => {
-    listeners.push("A")
-    console.log("mount", listeners)
-    return () => {
-      listeners.pop()
-      console.log("unmount", listeners)
-    }
-  })
-  const [state, setState] = useState(0)
-
-  return (
-    <div>
-      <p>I'm a subscriber</p>
-      {state}
-      <button onclick={() => setState(state + 1)}>update hook</button>
-    </div>
-  )
-}
-
-export const TestUseEffect = () => {
-  const [state, setState] = useState(true)
-  useEffect(() => {
-    console.log("willUpdate")
-    return () => {
-      console.log("didupdate")
-    }
-  })
-  return (
-    <div>
-      <div>TestUseEffect Demo</div>
-      <div>
-        {state ? (
-          <Subscription />
-        ) : (
-          <div>
-            <div>cleaned</div>
-            <p>cleaned2</p>
-          </div>
-        )}
-      </div>
-      <button onclick={() => setState(!state)}>place hook by host</button>
-    </div>
-  )
-}
diff --git a/src/__test__/TestUseMemo.tsx b/src/__test__/TestUseMemo.tsx
deleted file mode 100644
index 2313e0b..0000000
--- a/src/__test__/TestUseMemo.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:39:28
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 21:16:35
- */
-import React, { useState, useMemo } from ".."
-
-export const TestUseMemo = () => {
-  const [state, setState] = useState(0)
-
-  const expression = () => {
-    return state + 1
-  }
-
-  const resultMemo = useMemo(expression, [])
-
-  const result = expression()
-
-  return (
-    <div>
-      <div>TestUseMemo Demo</div>
-      <div>
-        <ul>
-          <li>state:{state}</li>
-          <li>memoState:{resultMemo}</li>
-          <li>no memoState:{result}</li>
-        </ul>
-        <button onclick={() => setState(state + 1)}>update</button>
-      </div>
-    </div>
-  )
-}
diff --git a/src/__test__/TestUseReducer.tsx b/src/__test__/TestUseReducer.tsx
deleted file mode 100644
index d74ab5a..0000000
--- a/src/__test__/TestUseReducer.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:39:28
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-06 16:29:24
- */
-import React, { useReducer } from ".."
-
-export const TestUseReducer = () => {
-  const [state, dispatch] = useReducer<
-    { count: number },
-    { type: "add" | "sub" }
-  >(
-    (state, action) => {
-      switch (action.type) {
-        case "add":
-          return { count: state.count + 1 }
-        case "sub":
-          return { count: state.count - 1 }
-        default:
-          return state
-      }
-    },
-    { count: 0 },
-    { type: "add" }
-  )
-
-  return (
-    <div>
-      <div>TestUseReducer Demo</div>
-      <div>
-        <div>state:{state.count}</div>
-        <button onclick={() => dispatch({ type: "add" })}>add</button>
-        <button onclick={() => dispatch({ type: "sub" })}>sub</button>
-      </div>
-    </div>
-  )
-}
diff --git a/src/__test__/TestUseRef.ts b/src/__test__/TestUseRef.ts
deleted file mode 100644
index 68202fb..0000000
--- a/src/__test__/TestUseRef.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 23:12:25
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-07 23:12:25
- */
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:28:57
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-06 15:29:30
- */
-import { TestPlace } from "./TestPlace"
-
-export const TestUseState = TestPlace
diff --git a/src/__test__/TestUseState.ts b/src/__test__/TestUseState.ts
deleted file mode 100644
index 9e514b5..0000000
--- a/src/__test__/TestUseState.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 15:28:57
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-06 15:28:57
- */
-import { TestIf } from "./TestIF"
-
-export const TestUseState = TestIf
diff --git a/src/client.ts b/src/client.ts
deleted file mode 100644
index 0d57f02..0000000
--- a/src/client.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 22:41:45
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-07 22:41:45
- */
-export * from "./core/react-dom/client/ReactDOM"
-export { default } from "./core/react-dom/client/ReactDOM"
diff --git a/src/core/react-dom/client/ReactDOM.ts b/src/core/react-dom/client/ReactDOM.ts
deleted file mode 100644
index ac83b08..0000000
--- a/src/core/react-dom/client/ReactDOM.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 16:44:19
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-07 22:41:29
- */
-import { HostConfig } from "./ReactDOMHostConfig"
-import ReactFiberReconciler from "../../react-reconciler/ReactFiberReconciler"
-
-const renderer = ReactFiberReconciler(HostConfig)
-
-namespace ReactDOM {
-  export const render = (
-    component: JSX.Element,
-    container: HTMLElement,
-    callback?: Function
-  ) => {
-    if (container === null) {
-      throw new Error("Target container is not a DOM element.")
-    } else {
-      const isContainer = renderer.isContainer(container)
-      if (isContainer) {
-        renderer.updateContainer(component, container, callback)
-      } else {
-        renderer.createContainer(component, container, callback)
-      }
-    }
-  }
-}
-
-export { ReactDOM, HostConfig }
-export default ReactDOM
diff --git a/src/core/react-dom/client/ReactDOMHostConfig.ts b/src/core/react-dom/client/ReactDOMHostConfig.ts
deleted file mode 100644
index fbdcc38..0000000
--- a/src/core/react-dom/client/ReactDOMHostConfig.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 19:30:24
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 17:10:12
- */
-namespace HostConfig {
-  export function createElement(tag: string) {
-    return document.createElement(tag)
-  }
-
-  export function createDocumentFragment() {
-    return document.createDocumentFragment()
-  }
-
-  export function createTextNode(data: string | number) {
-    return document.createTextNode(String(data))
-  }
-
-  export function insertBefore(
-    parent: HTMLElement,
-    newChild: HTMLElement,
-    refChild: Node
-  ) {
-    parent.insertBefore(newChild, refChild)
-  }
-
-  export function appendChild(
-    parent: HTMLElement,
-    ...nodes: (string | Node)[]
-  ) {
-    parent.append(...nodes)
-  }
-
-  export function removeSelf(node: HTMLElement) {
-    node.remove()
-  }
-
-  export function removeAllChild(node: HTMLElement) {
-    node.innerHTML = ""
-  }
-
-  export function updateProps(
-    node: HTMLElement,
-    newProps: object,
-    oldProps: object
-  ) {
-    Object.entries(newProps).forEach(([k, v]) => {
-      if (k === "style") return
-      if (oldProps[k] === v) return
-
-      if (k.startsWith("on")) {
-        k = k.toLowerCase()
-      }
-
-      if (k === "dangerouslySetInnerHTML") {
-        k = "innerHTML"
-        v = v.__html
-      }
-
-      node[k] = v
-    })
-
-    if (newProps["style"]) {
-      const newStyle = newProps["style"]
-      const oldStyle = oldProps["style"] || {}
-      Object.entries(newStyle).forEach(([k, v]) => {
-        if (oldStyle[k] === v) return
-        node.style[k] = v
-      })
-    }
-  }
-}
-
-export { HostConfig }
diff --git a/src/core/react-dom/server/ReactDOMServer.ts b/src/core/react-dom/server/ReactDOMServer.ts
deleted file mode 100644
index b2de5ba..0000000
--- a/src/core/react-dom/server/ReactDOMServer.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 22:37:31
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-07 22:41:21
- */
-import * as ReactDOMStringRenderer from "./ReactDOMStringRenderer"
-
-namespace ReactDOMServer {
-  export const renderToString = ReactDOMStringRenderer.renderToString
-}
-
-const renderToString = ReactDOMStringRenderer.renderToString
-
-export { ReactDOMServer, renderToString }
-export default ReactDOMServer
diff --git a/src/core/react-dom/server/ReactDOMStringRenderer.ts b/src/core/react-dom/server/ReactDOMStringRenderer.ts
deleted file mode 100644
index edd3f97..0000000
--- a/src/core/react-dom/server/ReactDOMStringRenderer.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 22:09:45
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 12:17:36
- */
-import {
-  isTextFiber,
-  isHookFiber,
-  isHostFiber,
-  isFragmentFiber
-} from "../../react-is/ReactIs"
-import { Children } from "../../react/ReactChildren"
-
-const toLowerCase = (value: string) =>
-  value.replace(/\B([A-Z])/g, "-$1").toLowerCase()
-
-const toArray = (element: any) => Children.toArray(element)
-
-function createNode(element: JSX.Element): JSX.Element {
-  const { props } = element
-
-  const style = props.style
-  if (style) {
-    props.style = Object.entries(style).reduce(
-      (receiver, [k, v]) => receiver.concat(`${toLowerCase(k)}:${v};`),
-      ""
-    )
-  }
-
-  return { ...element, props }
-}
-
-function renderToString(element: JSX.Element): string {
-  if (isTextFiber(element)) {
-    const { nodeValue } = element.props
-    return nodeValue
-  }
-
-  if (isHostFiber(element)) {
-    const { tag, props } = createNode(element)
-    const attr = Object.entries(props).reduce((receiver, [k, v]) => {
-      if (typeof v !== "string") {
-        return receiver
-      }
-
-      if (k === "className") {
-        k = "class"
-      }
-
-      return receiver.concat(` ${k}="${v}"`)
-    }, "")
-
-    const children = toArray(props.children)
-    return `<${tag}${attr}>${children.map(renderToString).join("")}</${tag}>`
-  }
-
-  if (isFragmentFiber(element)) {
-    const { props } = element
-    const children = toArray(props.children)
-    return children.map(renderToString).join("")
-  }
-
-  if (isHookFiber(element)) {
-    const { tag: constructor, props } = element
-    const children = toArray(constructor(props))
-    return children.map(renderToString).join("")
-  }
-}
-
-export { renderToString }
diff --git a/src/core/react-is/ReactIs.ts b/src/core/react-is/ReactIs.ts
deleted file mode 100644
index df54273..0000000
--- a/src/core/react-is/ReactIs.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:13:21
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 14:30:34
- */
-import { Fiber, NodeType } from "../shared/ReactTypes"
-
-const isSameTag = (element: Fiber, oldFiber: Fiber) =>
-  element.tag === oldFiber.tag
-
-const isHookFiber = (fiber: Fiber): boolean => fiber.$$typeof === NodeType.Hook
-
-const isRootFiber = (fiber: Fiber): fiber is Fiber =>
-  fiber.$$typeof === NodeType.Root
-
-const isHostFiber = (fiber: Fiber): fiber is Fiber =>
-  fiber.$$typeof === NodeType.Host
-
-const isTextFiber = (fiber: Fiber): fiber is Fiber =>
-  fiber.$$typeof === NodeType.Text
-
-const isFragmentFiber = (fiber: Fiber): fiber is Fiber =>
-  fiber.$$typeof === NodeType.Fragment
-
-const isHostParentFiber = (fiber: Fiber): boolean =>
-  isHostFiber(fiber) || isRootFiber(fiber)
-
-const isHostChildFiber = (fiber: Fiber): boolean =>
-  isHostFiber(fiber) || isTextFiber(fiber)
-
-export {
-  isSameTag,
-  isHostParentFiber,
-  isHostChildFiber,
-  isHookFiber,
-  isRootFiber,
-  isHostFiber,
-  isTextFiber,
-  isFragmentFiber
-}
diff --git a/src/core/react-reconciler/ReactChildFiber.ts b/src/core/react-reconciler/ReactChildFiber.ts
deleted file mode 100644
index 01fea5e..0000000
--- a/src/core/react-reconciler/ReactChildFiber.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:08:56
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-13 19:03:54
- */
-import { Fiber, EffectType } from "../shared/ReactTypes"
-import { Children } from "../react/ReactChildren"
-import { isSameTag, isHookFiber } from "../react-is/ReactIs"
-import { TestStackSize } from "../shared/testStackSize"
-
-function reconcileChildren(fiber: Fiber, children: Fiber[]) {
-  if (isHookFiber(fiber)) {
-    reconcileHookRetFiber(fiber)
-  }
-
-  children = Children.toArray(children)
-
-  const alternate = fiber.alternate
-  let nextOldFiber = alternate ? alternate.child : null
-
-  let newFiber: Fiber = null
-  let index = 0
-
-  while (index < children.length || nextOldFiber) {
-    TestStackSize("reconcileChildren")
-
-    const prevChild = newFiber
-    let oldFiber = nextOldFiber
-
-    if (oldFiber) {
-      if (oldFiber.effectType === EffectType.Delete) {
-        oldFiber = null
-      }
-    }
-
-    const element = index < children.length && children[index]
-
-    // update
-    if (oldFiber && element && isSameTag(element, oldFiber)) {
-      newFiber = updateSlot(element, oldFiber, fiber)
-    }
-
-    // place
-    else if (oldFiber && element && !isSameTag(element, oldFiber)) {
-      newFiber = placeChild(element, oldFiber, fiber)
-    }
-
-    // create
-    else if (!oldFiber && element) {
-      newFiber = createChild(element, fiber)
-    }
-
-    // delete
-    else if (oldFiber && !element) {
-      deleteChild(fiber, oldFiber)
-    }
-
-    // next alternate
-    if (nextOldFiber) nextOldFiber = nextOldFiber.sibling
-
-    if (index === 0 || !fiber.child) {
-      fiber.child = newFiber // link: fiber->child
-    } else if (prevChild) {
-      if (element) {
-        prevChild.sibling = newFiber // link: fiber.sibling->fiber
-      } else {
-        prevChild.sibling = null // unlink: fiber.sibling
-        delete prevChild.sibling
-      }
-    }
-    index++
-  }
-
-  return fiber.child
-}
-
-function reconcileHookRetFiber(hookFiber: Fiber) {
-  const alternate = hookFiber.alternate
-  //update hook effect
-  if (alternate) {
-    if (isSameTag(alternate, hookFiber)) {
-      // update
-      hookFiber.effectType = EffectType.Update
-    } else {
-      // place
-      hookFiber.effectType = EffectType.Place
-      alternate.effectType = EffectType.Delete
-    }
-  } else {
-    // create
-    hookFiber.effectType = EffectType.Create
-  }
-}
-
-function createChild(element: Fiber, returnFiber: Fiber) {
-  const newFiber: Fiber = {
-    ...element,
-    return: returnFiber,
-    effectType: EffectType.Create
-  }
-  return newFiber
-}
-
-function updateSlot(element: Fiber, oldFiber: Fiber, returnFiber: Fiber) {
-  const newFiber: Fiber = {
-    ...oldFiber,
-    ...element,
-    return: returnFiber,
-    effectType: EffectType.Update,
-    alternate: oldFiber
-  }
-  oldFiber.alternate = null
-  return newFiber
-}
-
-function placeChild(element: Fiber, childToPlace: Fiber, returnFiber: Fiber) {
-  const newFiber: Fiber = {
-    ...element,
-    return: returnFiber,
-    effectType: EffectType.Place,
-    alternate: childToPlace
-  }
-
-  deleteChild(returnFiber, childToPlace)
-  return newFiber
-}
-
-function deleteChild(returnFiber: Fiber, childToDelete: Fiber) {
-  childToDelete.effectType = EffectType.Delete
-  const effectList = returnFiber.effectList || []
-  effectList.push(childToDelete)
-  returnFiber.effectList = effectList
-
-  // delete child
-  const child = childToDelete.child
-  if (child) {
-    child.effectType = EffectType.Delete
-  }
-}
-
-export { reconcileChildren }
diff --git a/src/core/react-reconciler/ReactFiberCommitWork.ts b/src/core/react-reconciler/ReactFiberCommitWork.ts
deleted file mode 100644
index 78ead2f..0000000
--- a/src/core/react-reconciler/ReactFiberCommitWork.ts
+++ /dev/null
@@ -1,280 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:09:07
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-13 19:12:55
- */
-import { Fiber, EffectType, NodeType, Effect } from "../shared/ReactTypes"
-import { HostConfig } from "./ReactFiberHostConfig"
-import {
-  getHostParentFiber,
-  getHostSiblingFiber,
-  getHostChildFiber
-} from "./ReactFiberTraverse"
-import { Reflection } from "./ReactFiberReflection"
-import {
-  isRootFiber,
-  isHookFiber,
-  isTextFiber,
-  isHostFiber,
-  isFragmentFiber
-} from "../react-is/ReactIs"
-import { TestStackSize, resetStack } from "../shared/testStackSize"
-
-function createStateNode(hostFiber: Fiber) {
-  const { tag, props } = hostFiber
-  let stateNode = null
-
-  if (isTextFiber(hostFiber)) {
-    stateNode = HostConfig.createTextNode(props.nodeValue)
-  }
-
-  if (isRootFiber(hostFiber)) {
-    stateNode = hostFiber.stateNode
-  }
-
-  if (isHostFiber(hostFiber)) {
-    stateNode = HostConfig.createElement(tag)
-  }
-
-  if (isFragmentFiber(hostFiber)) {
-    stateNode = HostConfig.createDocumentFragment()
-  }
-
-  if (props.ref) {
-    const ref = props.ref
-    if (typeof ref === "function") {
-      ref(stateNode)
-    } else {
-      ref.current = stateNode
-    }
-  }
-
-  return stateNode
-}
-
-function commitWork(fiber: Fiber) {
-  const effectList = sortEffectList(fiber)
-  effectList.forEach(commitUnitOfWork)
-
-  // set root alternate
-  if (isRootFiber(fiber)) {
-    Reflection.setContainerFiber(fiber)
-  }
-
-  // set hook alternate
-  if (isHookFiber(fiber)) {
-    Reflection.setInternalFiber(fiber)
-  }
-
-  resetStack()
-  const callback = fiber.callback
-  if (callback) callback(fiber)
-}
-
-function sortEffectList(fiber: Fiber) {
-  const effectList = fiber.effectList || []
-
-  type NextEffect = { level: number; effect: Fiber }
-  const nextEffects: Array<NextEffect> = []
-  for (const effect of effectList) {
-    if (nextEffects.find(nextEffect => nextEffect.effect === effect)) {
-      continue
-    }
-    const nextEffect = {
-      level: EffectType.getEffectLevel(effect.effectType),
-      effect
-    }
-    nextEffects.push(nextEffect)
-  }
-
-  fiber.effectList = nextEffects
-    .sort((a, b) => b.level - a.level)
-    .map(({ effect }) => effect)
-
-  return fiber.effectList
-}
-
-function commitUnitOfWork(fiber: Fiber) {
-  const { effectType } = fiber
-  if (isHookFiber(fiber)) {
-    switch (effectType) {
-      case EffectType.Create:
-        commitHookMount(fiber)
-        break
-      case EffectType.Update:
-        commitHookUpdate(fiber)
-        break
-      case EffectType.Place:
-        commitHookMount(fiber)
-        commitPlace(fiber)
-        break
-      case EffectType.Delete:
-        commitHookUnMount(fiber)
-        commitDelete(fiber)
-        break
-      default:
-        break
-    }
-    Reflection.setInternalFiber(fiber)
-  } else {
-    switch (effectType) {
-      case EffectType.Create:
-        commitCreate(fiber)
-        break
-      case EffectType.Update:
-        commitUpdate(fiber)
-        break
-      case EffectType.Place:
-        commitPlace(fiber)
-        break
-      case EffectType.Delete:
-        commitDelete(fiber)
-        break
-      default:
-        break
-    }
-  }
-}
-
-function commitHookMount(hookFiber: Fiber) {
-  const effect = hookFiber.memoizedState
-  if (!effect) {
-    return
-  }
-  const creators = effect.in
-  if (creators) {
-    const nextEffects: Effect[] = []
-    while (creators.length) {
-      TestStackSize("commitHookEffectList")
-      const current = creators.pop()
-      const nextEffect = current()
-      if (nextEffect) {
-        nextEffects.push(nextEffect)
-      }
-    }
-    effect.out = nextEffects
-  }
-}
-
-function commitHookUnMount(hookFiber: Fiber) {
-  const effect = hookFiber.memoizedState
-  if (!effect) {
-    return
-  }
-  const destroys = effect.out
-  if (destroys) {
-    while (destroys.length) {
-      TestStackSize("commitHookEffectList:1")
-      const current = destroys.pop()
-      current()
-    }
-  }
-}
-
-// update = unmount -> mount
-function commitHookUpdate(hookFiber: Fiber) {
-  commitHookUnMount(hookFiber)
-  commitHookMount(hookFiber)
-}
-
-function commitCreate(hostFiber: Fiber) {
-  const HostParent = getHostParentFiber(hostFiber)
-  const parent = HostParent.stateNode
-  const node = hostFiber.stateNode
-  HostConfig.appendChild(parent, node)
-}
-
-function commitPlace(finishedWork: Fiber): void {
-  const parentFiber = getHostParentFiber(finishedWork)
-  if (!parentFiber) {
-    // when parent had been removed, ignore this effect.
-    return
-  }
-
-  const parent = parentFiber.stateNode
-
-  const before = getHostSiblingFiber(finishedWork)
-  let node = finishedWork
-  while (true) {
-    TestStackSize("commitPlace")
-    const isHost =
-      node.$$typeof === NodeType.Host || node.$$typeof === NodeType.Text
-    if (isHost) {
-      const stateNode = node.stateNode
-      if (before) {
-        HostConfig.insertBefore(parent, stateNode, before.stateNode)
-      } else {
-        HostConfig.appendChild(parent, stateNode)
-      }
-    } else if (node.child) {
-      node.child.return = node
-      node = node.child
-      continue
-    }
-    if (node === finishedWork) {
-      return
-    }
-    while (!node.sibling) {
-      TestStackSize("commitPlace:1")
-      if (!node.return || node.return === finishedWork) {
-        return
-      }
-      node = node.return
-    }
-    node.sibling.return = node.return
-    node = node.sibling
-  }
-}
-
-function commitUpdate(hostFiber: Fiber) {
-  const alternate = hostFiber.alternate
-  const newProps = hostFiber.props
-  const node = hostFiber.stateNode
-  const oldProps = alternate ? alternate.props : {}
-
-  const newPropsToUpdate = Object.fromEntries(
-    Object.entries(newProps).filter(([k]) => !["ref", "children"].includes(k))
-  )
-  HostConfig.updateProps(node, newPropsToUpdate, oldProps)
-}
-
-function commitDelete(finishedWork: Fiber) {
-  const current = finishedWork
-
-  if (isHookFiber(current)) {
-    const HostChildFiber = getHostChildFiber(current)
-    if (HostChildFiber) {
-      const stateNode = HostChildFiber.stateNode
-      HostConfig.removeSelf(stateNode)
-      datchFiber(HostChildFiber)
-    }
-  } else {
-    const stateNode = current.stateNode
-    HostConfig.removeSelf(stateNode)
-  }
-
-  datchFiber(current)
-}
-
-function datchFiber(fiber: Fiber) {
-  fiber.return = null
-  fiber.child = null
-  fiber.sibling = null
-  const alternate = fiber.alternate
-  if (alternate) {
-    alternate.return = null
-    alternate.child = null
-    alternate.sibling = null
-  }
-  fiber.alternate = null
-}
-
-export {
-  commitWork,
-  commitCreate,
-  commitUpdate,
-  commitPlace,
-  commitDelete,
-  createStateNode
-}
diff --git a/src/core/react-reconciler/ReactFiberHooks.ts b/src/core/react-reconciler/ReactFiberHooks.ts
deleted file mode 100644
index 785ff41..0000000
--- a/src/core/react-reconciler/ReactFiberHooks.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:11:09
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 21:01:24
- */
-import { getCurrentWorkInProgress } from "./ReactFiberWorkLoop"
-import { scheduleWork } from "./ReactFiberReconciler"
-import { getIndex } from "./ReactFiberStack"
-import { is } from "../shared/objectIs"
-import { Effect, MemoizedState } from "../shared/ReactTypes"
-import { MutableRefObject, ReactContext, RefObject } from "../shared/ReactElementType"
-
-const areHookInputsEqual = (
-  nextDeps: readonly any[],
-  prevDeps: readonly any[] | null
-) => {
-  if (prevDeps === null) {
-    return false
-  }
-  for (let i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    if (is(nextDeps[i], prevDeps[i])) {
-      continue
-    }
-    return false
-  }
-  return true
-}
-
-const useState = <T>(initialState: T): [T, (state: T) => void] => {
-  const id = getIndex()
-  const fiber = getCurrentWorkInProgress()
-
-  const memoizedState: MemoizedState = fiber.memoizedState || {}
-  if (!(id in memoizedState)) {
-    memoizedState[id] = initialState
-    fiber.memoizedState = memoizedState
-  }
-
-  const setState = (state: T) => {
-    if (state === memoizedState[id]) return
-    memoizedState[id] = state
-    scheduleWork(fiber)
-  }
-
-  return [memoizedState[id], setState]
-}
-
-const useReducer = <S, A>(
-  initReducer: (state: S, action: A) => S,
-  initialState: S,
-  initAction?: A
-): [S, (action: A) => void] => {
-  const reducer = useCallBack(initReducer)
-  const initState = initAction
-    ? reducer(initialState, initAction)
-    : initialState
-  const [state, setState] = useState(initState)
-  const dispatch = (action: A) => setState(reducer(state, action))
-  return [state, dispatch]
-}
-
-const useRef = <T>(value?: T): MutableRefObject<T> => {
-  const [state] = useState({ current: value })
-  return state
-}
-
-const useCallBack = <T extends Function>(
-  callback: T,
-  deps?: readonly any[]
-) => {
-  const ref = useRef(callback)
-  const prevDepsRef = useRef(null)
-  if (deps && areHookInputsEqual(deps, prevDepsRef.current)) {
-    return ref.current
-  } else {
-    ref.current = callback
-    prevDepsRef.current = deps
-    return callback
-  }
-}
-
-const useMemo = <T>(memoFunc: () => T, deps?: readonly any[]) => {
-  const ref = useRef<T>(null)
-  const prevDepsRef = useRef(null)
-  if (deps && areHookInputsEqual(deps, prevDepsRef.current)) {
-    return ref.current
-  } else {
-    ref.current = memoFunc()
-    prevDepsRef.current = deps
-    return ref.current
-  }
-}
-
-const pushEffect = (effect: MemoizedState | null, create: Effect) => {
-  const sideEffect = effect || {}
-  const updateQueue = sideEffect.in || []
-  updateQueue.push(create)
-  sideEffect.in = updateQueue
-  return sideEffect
-}
-
-const useEffect = (create: Effect, deps?: readonly any[]) => {
-  const fiber = getCurrentWorkInProgress()
-  const effect = fiber.memoizedState
-  const prevDepsRef = useRef(null)
-  if (deps && areHookInputsEqual(deps, prevDepsRef.current)) {
-    return
-  } else {
-    prevDepsRef.current = deps
-    fiber.memoizedState = pushEffect(effect, create)
-  }
-}
-
-const useImperativeHandle = <T, R extends T>(
-  ref: RefObject<T>,
-  creator: () => R,
-  deps?: readonly any[]
-) => {
-  const prevDepsRef = useRef(null)
-  if (deps && areHookInputsEqual(deps, prevDepsRef.current)) {
-    return
-  } else {
-    prevDepsRef.current = deps
-    const ret = creator()
-    if (typeof ref === "function") {
-      ref(ret)
-    } else {
-      ref.current = ret
-    }
-  }
-}
-
-const useContext = <T>(context: ReactContext<T>): T => context.value
-
-export {
-  useCallBack,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useEffect,
-  useImperativeHandle,
-  useContext
-}
diff --git a/src/core/react-reconciler/ReactFiberHostConfig.ts b/src/core/react-reconciler/ReactFiberHostConfig.ts
deleted file mode 100644
index 78b98c0..0000000
--- a/src/core/react-reconciler/ReactFiberHostConfig.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 16:44:01
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 17:09:10
- */
-import { Instance, FragmentInstance, TextInstance } from "../shared/ReactTypes"
-const HostConfig = {} as HostConfigType
-
-type HostConfigType = {
-  createElement(tag: string): Instance
-  createDocumentFragment(): FragmentInstance
-  createTextNode(data: string | number): TextInstance
-  insertBefore(parent: Instance, newChild: Instance, refChild: Instance): void
-  appendChild(parent: Instance, ...nodes: (string | Instance)[]): void
-  removeSelf(node: Instance): void
-  removeAllChild(node: Instance): void
-  updateProps(node: Instance, newProps: object, oldProps: object): void
-}
-
-function setHostConfig(config: HostConfigType) {
-  Object.assign(HostConfig, config)
-}
-
-export { HostConfig, setHostConfig, HostConfigType }
diff --git a/src/core/react-reconciler/ReactFiberReconciler.ts b/src/core/react-reconciler/ReactFiberReconciler.ts
deleted file mode 100644
index 86b8ae7..0000000
--- a/src/core/react-reconciler/ReactFiberReconciler.ts
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 19:07:32
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 12:31:52
- */
-import { renderRoot } from "./ReactFiberWorkLoop"
-import { Fiber, NodeType, Instance } from "../shared/ReactTypes"
-import { setHostConfig, HostConfigType } from "./ReactFiberHostConfig"
-import { Reflection } from "./ReactFiberReflection"
-import { TestStackSize } from "../shared/testStackSize"
-
-declare interface IdleDeadline {
-  readonly didTimeout: boolean
-  timeRemaining(): number
-}
-
-declare type IdleOptions = {
-  timeout: number
-}
-
-declare type IdleCallback = (deadline: IdleDeadline) => void
-
-declare function requestIdleCallback(callback: IdleCallback): number
-declare function requestIdleCallback(
-  callback: IdleCallback,
-  options: IdleOptions
-): number
-
-const updateQueue: Fiber[] = []
-let lastTime = 0
-
-function pushEffect(callback: VoidFunction) {
-  if (requestIdleCallback) {
-    requestIdleCallback(callback)
-  } else {
-    setTimeout(callback)
-  }
-}
-
-function pushLayoutEffect(callback: (...args: any) => void) {
-  if (requestAnimationFrame) {
-    requestAnimationFrame(callback)
-  } else {
-    const now = Date.now()
-    const nextTime = Math.max(lastTime + 16, now)
-
-    return setTimeout(() => callback((lastTime = nextTime)), nextTime - now)
-  }
-}
-
-type ScheduleWorkMode = "normal" | "layout"
-
-function scheduleWork(fiber: Fiber, mode: ScheduleWorkMode = "normal") {
-  updateQueue.push(fiber)
-  switch (mode) {
-    case "normal":
-      pushEffect(scheduleUnitOfWorkNormalMode)
-      break
-    case "layout":
-      pushLayoutEffect(scheduleUnitOfWorkLayoutMode)
-      break
-    default:
-      pushEffect(scheduleUnitOfWorkNormalMode)
-  }
-}
-
-function scheduleUnitOfWorkNormalMode() {
-  TestStackSize("scheduleUnitOfWorkNormalMode")
-  const update = updateQueue.pop()
-  if (update) renderRoot(update)
-
-  if (updateQueue.length) {
-    pushEffect(scheduleUnitOfWorkNormalMode)
-  }
-}
-
-function scheduleUnitOfWorkLayoutMode() {
-  TestStackSize("scheduleUnitOfWorkLayoutMode")
-  const update = updateQueue.pop()
-  if (update) renderRoot(update)
-
-  if (updateQueue.length) {
-    pushLayoutEffect(scheduleUnitOfWorkLayoutMode)
-  }
-}
-
-function createRenderer(HostConfig: HostConfigType) {
-  setHostConfig(HostConfig)
-
-  const createContainer = (
-    component: Fiber,
-    container: Instance,
-    callback?: Function
-  ) => {
-    const rootFiber: Fiber = {
-      $$typeof: NodeType.Root,
-      props: { children: [component] },
-      stateNode: container,
-      callback
-    }
-    HostConfig.removeAllChild(container)
-    scheduleWork(rootFiber)
-  }
-
-  const updateContainer = (
-    component: Fiber,
-    container: Instance,
-    callback?: Function
-  ) => {
-    const rootFiber: Fiber = {
-      $$typeof: NodeType.Root,
-      props: { children: [component] },
-      stateNode: container,
-      callback
-    }
-    const containerFiber = Reflection.getContainerFiber(rootFiber)
-    containerFiber.alternate = null
-    rootFiber.alternate = containerFiber
-    scheduleWork(rootFiber)
-  }
-
-  const isContainer = (container: Instance) =>
-    Reflection.hasContainerFiber(container)
-
-  return {
-    createContainer,
-    updateContainer,
-    isContainer
-  }
-}
-
-export { scheduleWork, createRenderer }
-export default createRenderer
diff --git a/src/core/react-reconciler/ReactFiberReflection.ts b/src/core/react-reconciler/ReactFiberReflection.ts
deleted file mode 100644
index bdd9856..0000000
--- a/src/core/react-reconciler/ReactFiberReflection.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:11:47
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 12:32:05
- */
-import { Fiber, Instance } from "../shared/ReactTypes"
-
-export namespace Reflection {
-  const combiner = new WeakMap<object, Fiber>()
-
-  export function setInternalFiber(hookFiber: Fiber) {
-    const { tag: constructor } = hookFiber
-    combiner.set(constructor, hookFiber)
-  }
-
-  export function getInternalFiber(hookFiber: Fiber) {
-    const { tag: constructor } = hookFiber
-    return combiner.get(constructor)
-  }
-
-  export function setContainerFiber(rootFiber: Fiber) {
-    const { stateNode: container } = rootFiber
-    combiner.set(container, rootFiber)
-  }
-
-  export function getContainerFiber(rootFiber: Fiber) {
-    const { stateNode: container } = rootFiber
-    return combiner.get(container)
-  }
-
-  export function hasContainerFiber(container: Instance) {
-    return combiner.has(container)
-  }
-}
diff --git a/src/core/react-reconciler/ReactFiberStack.ts b/src/core/react-reconciler/ReactFiberStack.ts
deleted file mode 100644
index 069ceb0..0000000
--- a/src/core/react-reconciler/ReactFiberStack.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 15:15:13
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-07 15:15:13
- */
-let index = 0
-
-const getIndex = () => {
-  const currentIndex = index
-  index++
-  return currentIndex
-}
-
-const resetIndex = () => {
-  index = 0
-}
-
-export { getIndex, resetIndex }
diff --git a/src/core/react-reconciler/ReactFiberTraverse.ts b/src/core/react-reconciler/ReactFiberTraverse.ts
deleted file mode 100644
index 9b2717a..0000000
--- a/src/core/react-reconciler/ReactFiberTraverse.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:11:57
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-07 16:09:22
- */
-import { Fiber, EffectType } from "../shared/ReactTypes"
-import { isHostParentFiber, isHostChildFiber } from "../react-is/ReactIs"
-import { TestStackSize } from "../shared/testStackSize"
-
-function getHostSiblingFiber(fiber: Fiber): Fiber {
-  let node: Fiber = fiber
-  siblings: while (true) {
-    TestStackSize("getHostSiblingFiber")
-    while (!node.sibling) {
-      if (!node.return || isHostParentFiber(node.return)) {
-        return null
-      }
-      node = node.return
-    }
-    node.sibling.return = node.return
-    node = node.sibling
-    while (!isHostChildFiber(node)) {
-      if (node.effectType === EffectType.Place) {
-        continue siblings
-      }
-      if (!node.child) {
-        continue siblings
-      } else {
-        node.child.return = node
-        node = node.child
-      }
-    }
-    if (!(node.effectType === EffectType.Place)) {
-      return node
-    }
-  }
-}
-
-function getHostParentFiber(fiber: Fiber): Fiber {
-  let parent = fiber.return
-  while (parent) {
-    TestStackSize("getHostParentFiber")
-    if (isHostParentFiber(parent)) {
-      return parent
-    }
-    parent = parent.return
-  }
-}
-
-function getHostChildFiber(fiber: Fiber): Fiber {
-  let child = fiber.child
-  while (child) {
-    TestStackSize("getHostChildFiber")
-    if (isHostChildFiber(child)) {
-      return child
-    }
-    child = child.child
-  }
-}
-
-export { getHostChildFiber, getHostParentFiber, getHostSiblingFiber }
diff --git a/src/core/react-reconciler/ReactFiberWorkLoop.ts b/src/core/react-reconciler/ReactFiberWorkLoop.ts
deleted file mode 100644
index b304969..0000000
--- a/src/core/react-reconciler/ReactFiberWorkLoop.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 17:12:44
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 16:46:47
- */
-import { Fiber, EffectType } from "../shared/ReactTypes"
-import { Reflection } from "./ReactFiberReflection"
-import { reconcileChildren } from "./ReactChildFiber"
-import {
-  commitWork,
-  commitUpdate,
-  createStateNode
-} from "./ReactFiberCommitWork"
-import {
-  isSameTag,
-  isHookFiber,
-  isRootFiber,
-  isTextFiber,
-  isHostFiber,
-  isFragmentFiber
-} from "../react-is/ReactIs"
-import { resetIndex } from "./ReactFiberStack"
-import { TestStackSize } from "../shared/testStackSize"
-
-let workInProgress: Fiber = null
-let pendingCommit: Fiber = null
-
-const getCurrentWorkInProgress = () => workInProgress
-
-function renderRoot(root: Fiber) {
-  if (!workInProgress) workInProgress = createWorkInProgress(root)
-
-  while (workInProgress) {
-    workInProgress = performUnitOfWork(workInProgress, root)
-    if (workInProgress === root) break
-    TestStackSize("renderRoot")
-  }
-
-  if (pendingCommit) {
-    commitWork(pendingCommit)
-    workInProgress = null
-    pendingCommit = null
-  }
-}
-
-function createWorkInProgress(fiber: Fiber) {
-  workInProgress = fiber
-  workInProgress.effectList = null
-  return workInProgress
-}
-
-function performUnitOfWork(fiber: Fiber, top: Fiber) {
-  const next = beginWork(fiber)
-  if (next) return next
-  let current = fiber
-  while (current) {
-    if (current === top) return current
-    completeWork(current, top)
-    if (current.sibling) return current.sibling
-    current = current.return
-    TestStackSize("performUnitOfWork")
-  }
-}
-
-function completeWork(fiber: Fiber, top: Fiber) {
-  const parent = fiber.return
-  if (parent) {
-    const parentEffectList = parent.effectList || []
-    const fiberEffectList = fiber.effectList || []
-    parentEffectList.push(...fiberEffectList, fiber)
-    fiber.effectList = []
-    delete fiber.effectList
-
-    // update effect.
-    if (isHookFiber(parent) && parent.effectType === EffectType.Update) {
-      parentEffectList.push(parent)
-    }
-
-    parent.effectList = parentEffectList
-
-    if (parent === top) {
-      pendingCommit = parent
-    }
-  }
-}
-
-function beginWork(fiber: Fiber) {
-  if (isHookFiber(fiber)) {
-    return updateHOOKComponent(fiber)
-  }
-  if (isRootFiber(fiber)) {
-    return updateHostComponent(fiber)
-  }
-  if (isTextFiber(fiber)) {
-    return updateHostComponent(fiber)
-  }
-  if (isHostFiber(fiber)) {
-    return updateHostComponent(fiber)
-  }
-  if (isFragmentFiber(fiber)) {
-    return updateHostComponent(fiber)
-  }
-}
-
-function updateHOOKComponent(hookFiber: Fiber) {
-  const { tag: constructor, props } = hookFiber
-  hookFiber.alternate = Reflection.getInternalFiber(hookFiber)
-
-  if (props.children && props.children.length === 1) {
-    let singleChild = props.children[0]
-
-    if (isTextFiber(singleChild)) {
-      const { props } = singleChild
-      singleChild = props.nodeValue
-    }
-
-    props.children = singleChild
-  }
-
-  resetIndex()
-  const children = constructor(props)
-  const child = reconcileChildren(hookFiber, children)
-
-  hookFiber.child = child
-  return child
-}
-
-function updateHostComponent(hostFiber: Fiber) {
-  const {
-    props: { children },
-    stateNode,
-    alternate
-  } = hostFiber
-  const isSame = alternate ? isSameTag(hostFiber, alternate) : false
-  if (!stateNode || !isSame) {
-    hostFiber.stateNode = createStateNode(hostFiber)
-    commitUpdate(hostFiber)
-  }
-
-  const child = reconcileChildren(hostFiber, children)
-  hostFiber.child = child
-  return child
-}
-
-export { getCurrentWorkInProgress, renderRoot }
diff --git a/src/core/react/React.ts b/src/core/react/React.ts
deleted file mode 100644
index b0ec822..0000000
--- a/src/core/react/React.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 22:31:48
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-13 16:37:31
- */
-import * as ReactFiberHooks from "../react-reconciler/ReactFiberHooks"
-import { createRenderer } from "../react-reconciler/ReactFiberReconciler"
-import { Children as ReactChildren } from "./ReactChildren"
-import * as ReactElementType from "../shared/ReactElementType"
-import * as ReactElement from "./ReactElement"
-import { NodeType } from "../shared/ReactTypes"
-import { forwardRef as ReactForwardRef } from "./forwardRef"
-import * as ReactLazy from "./ReactLazy"
-import * as ReactContext from "./ReactContext"
-import * as ReactStack from "../shared/testStackSize"
-import * as ReactMemo from "./memo"
-
-namespace React {
-  // hooks
-  export const useCallBack = ReactFiberHooks.useCallBack
-  export const useMemo = ReactFiberHooks.useMemo
-  export const useReducer = ReactFiberHooks.useReducer
-  export const useRef = ReactFiberHooks.useRef
-  export const useState = ReactFiberHooks.useState
-  export const useEffect = ReactFiberHooks.useEffect
-  export const useImperativeHandle = ReactFiberHooks.useImperativeHandle
-  // component
-  export const createElement = ReactElement.createElement
-  export const Children = ReactChildren
-  export const Fragment = NodeType.Fragment
-  export const forwardRef = ReactForwardRef
-  export const lazy = ReactLazy.lazy
-  export const Suspense = ReactLazy.Suspense
-  export const memo = ReactMemo.memo
-  // context
-  export const createContext = ReactContext.createContext
-  // options
-  export const Stack = ReactStack
-}
-
-// TSX Typings
-
-type Override<T, K extends keyof T, V> = {
-  [P in keyof T]: P extends K ? V : T[P]
-}
-
-namespace React {
-  export type MutableRefObject<T> = ReactElementType.MutableRefObject<T>
-  export type Props<T> = ReactElementType.Props<T>
-
-  type ExAttributes<T> = {
-    dangerouslySetInnerHTML?: { __html: string }
-  } & Props<T>
-
-  export type HTMLAttributes<T extends HTMLElement> = Override<
-    T,
-    "style",
-    CSSProperties
-  > &
-    ExAttributes<T>
-
-  export type IntrinsicAttributes<T extends HTMLElement> = Partial<
-    HTMLAttributes<T>
-  >
-  export type CSSProperties = Partial<CSSStyleDeclaration>
-
-  // Element Type
-  export type FC<T extends Object> = ReactElementType.FC<T>
-  export type ComponentType<T> = FC<T>
-  export type ReactElement = ReactElementType.ReactElement
-  export type RefForwardingComponent<
-    T,
-    P
-  > = ReactElementType.RefForwardingComponent<T, P>
-
-  // context type
-  export type Consumer<T> = ReactElementType.Consumer<T>
-  export type Provider<T> = ReactElementType.Provider<T>
-  export type ReactContext<T> = ReactElementType.ReactContext<T>
-}
-
-declare global {
-  namespace JSX {
-    type IntrinsicElements = {
-      [K in keyof HTMLElementTagNameMap]: React.IntrinsicAttributes<
-        HTMLElementTagNameMap[K]
-      >
-    }
-    interface Element extends React.ReactElement {}
-    interface ElementChildrenAttribute {
-      children: {}
-    }
-    export import RefAttributes = React.MutableRefObject
-  }
-}
-
-// hooks
-const useCallBack = ReactFiberHooks.useCallBack
-const useMemo = ReactFiberHooks.useMemo
-const useReducer = ReactFiberHooks.useReducer
-const useRef = ReactFiberHooks.useRef
-const useState = ReactFiberHooks.useState
-const useEffect = ReactFiberHooks.useEffect
-const useImperativeHandle = ReactFiberHooks.useImperativeHandle
-
-// TSX Types
-type CSSProperties = React.CSSProperties
-type Props<T extends HTMLElement> = React.Props<T>
-
-// ReactElement
-const Fragment = NodeType.Fragment
-const forwardRef = ReactForwardRef
-const lazy = ReactLazy.lazy
-const Suspense = ReactLazy.Suspense
-const memo = ReactMemo.memo
-
-// context
-const createContext = ReactContext.createContext
-
-// options
-const Stack = ReactStack
-
-export default React
-export {
-  React,
-  // hooks
-  useCallBack,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useEffect,
-  useImperativeHandle,
-  // reconciler creator
-  createRenderer,
-  // TSX Types
-  CSSProperties,
-  Props,
-  // ReactElement
-  Fragment,
-  forwardRef,
-  lazy,
-  Suspense,
-  memo,
-  // context
-  createContext,
-  // options
-  Stack
-}
diff --git a/src/core/react/ReactChildren.ts b/src/core/react/ReactChildren.ts
deleted file mode 100644
index 8b151db..0000000
--- a/src/core/react/ReactChildren.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 15:25:38
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 11:01:04
- */
-import { Fiber, NodeType } from "../shared/ReactTypes"
-
-const toTextFiber = (nodeValue: string | number): Fiber => ({
-  tag: "#text",
-  $$typeof: NodeType.Text,
-  props: { nodeValue }
-})
-
-// flat polyfill
-const flat = <T>(arr: T[]) => Array.prototype.concat(...arr)
-const flat2 = <T>(arr: T[]) => flat(flat(arr))
-
-namespace Children {
-  export const toArray = (...children: any[]): Fiber[] => {
-    return flat2(children).reduce<Fiber[]>(
-      (acc, ch) => {
-        // `if render` get false or undefind, ignore it
-        if (ch === false || ch === undefined) return acc
-
-        // to text node
-        if (typeof ch === "number") {
-          return acc.concat(toTextFiber(ch))
-        }
-        if (typeof ch === "string") {
-          return acc.concat(toTextFiber(ch))
-        }
-
-        // collect object
-        return acc.concat(ch)
-      },
-      [] as Fiber[]
-    )
-  }
-}
-
-export { Children }
diff --git a/src/core/react/ReactContext.ts b/src/core/react/ReactContext.ts
deleted file mode 100644
index db2ed77..0000000
--- a/src/core/react/ReactContext.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-10 20:16:31
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 20:19:33
- */
-import { ReactContext, Provider, Consumer } from "../shared/ReactElementType"
-
-function createContext<T extends Object>(context: T): ReactContext<T> {
-  const Provider: Provider<T> = ({ children, value }) => {
-    context = value
-    return children
-  }
-  const Consumer: Consumer<T> = ({ children }) => {
-    return children(context)
-  }
-  return {
-    Provider,
-    Consumer,
-    value: context
-  }
-}
-
-export { createContext }
diff --git a/src/core/react/ReactElement.ts b/src/core/react/ReactElement.ts
deleted file mode 100644
index 77d3df1..0000000
--- a/src/core/react/ReactElement.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 22:30:12
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 11:18:18
- */
-import { Fiber, NodeType } from "../shared/ReactTypes"
-import { Children } from "./ReactChildren"
-
-const createTextElement = (nodeValue: string | number): Fiber => ({
-  tag: "#text",
-  $$typeof: NodeType.Text,
-  props: { nodeValue }
-})
-
-const createElement = (tag: any, props: object, ...children: any[]): Fiber => {
-  props = { ...props, children: Children.toArray(...children) }
-
-  if (typeof tag === "string") {
-    return { $$typeof: NodeType.Host, tag, props }
-  }
-  if (typeof tag === "function") {
-    return { $$typeof: NodeType.Hook, tag, props }
-  }
-  if (tag === NodeType.Fragment) {
-    return { $$typeof: NodeType.Fragment, tag: "#fragment", props }
-  }
-
-  return { $$typeof: NodeType.Unknown, tag, props }
-}
-
-export { createElement, createTextElement }
diff --git a/src/core/react/ReactLazy.ts b/src/core/react/ReactLazy.ts
deleted file mode 100644
index 7f88629..0000000
--- a/src/core/react/ReactLazy.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-10 20:01:34
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 22:00:33
- */
-import {
-  useState,
-  useContext,
-  useEffect
-} from "../react-reconciler/ReactFiberHooks"
-import { createContext } from "./ReactContext"
-import { LazyComponent } from "../shared/ReactElementType"
-
-const SuspenseContext = createContext<{
-  fallback?: JSX.Element
-  result?: JSX.Element
-}>({})
-
-const lazy = <T extends Object>(lazyComponent: LazyComponent<T>) => (
-  props: T
-) => {
-  const Context = useContext(SuspenseContext)
-  const { fallback, result } = Context
-
-  const [state, setState] = useState(fallback)
-
-  useEffect(() => {
-    //TODO: when it will unmount, cancel the render.
-    if (result) {
-      setState(result)
-    } else {
-      lazyComponent(props).then(({ default: render }) => {
-        const result = render()
-        setState(result)
-        Context.result = result
-      })
-    }
-  }, [Context.fallback])
-
-  return state
-}
-
-const Suspense = ({
-  fallback,
-  children
-}: {
-  fallback: JSX.Element
-  children?: JSX.Element
-}) => {
-  const Context = useContext(SuspenseContext)
-  Context.fallback = fallback
-  return children
-}
-
-export { Suspense, lazy }
diff --git a/src/core/react/forwardRef.ts b/src/core/react/forwardRef.ts
deleted file mode 100644
index ad2447e..0000000
--- a/src/core/react/forwardRef.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-10 17:42:24
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 18:00:46
- */
-import { MutableRefObject, RefForwardingComponent } from "../shared/ReactElementType"
-
-const forwardRef = <T extends Object, P extends Object = {}>(
-  FC: RefForwardingComponent<T, P>
-) => ({ ref, ...props }: { ref: MutableRefObject<T> } & P) => FC(props as any, ref)
-
-export { forwardRef }
diff --git a/src/core/react/memo.ts b/src/core/react/memo.ts
deleted file mode 100644
index bff7031..0000000
--- a/src/core/react/memo.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-13 16:35:23
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-13 16:57:09
- */
-import React from "./React"
-import { shallowEqual } from "../shared/shallowEqual"
-import { useRef } from "../react-reconciler/ReactFiberHooks"
-
-// omit key `children` in props compared.
-const pickProps = (props: Object) =>
-  Object.fromEntries(Object.entries(props).filter(([k]) => k !== "children"))
-
-function memo<P extends Object>(
-  component: React.FC<P>,
-  compare?: (oldProps: P, newProps: P) => boolean
-) {
-  const Component = (props: P) => {
-    const newProps = pickProps(props) as P
-    const prevProps = useRef<P>(null)
-    const result = useRef<JSX.Element>(null)
-
-    if (compare) {
-      if (compare(prevProps.current, newProps)) {
-        return result.current
-      }
-    } else {
-      if (shallowEqual(prevProps.current, newProps)) {
-        return result.current
-      }
-    }
-
-    prevProps.current = newProps
-    result.current = component(props)
-    return result.current
-  }
-
-  return Component
-}
-
-export { memo }
diff --git a/src/core/shared/ReactElementType.ts b/src/core/shared/ReactElementType.ts
deleted file mode 100644
index 620fe6e..0000000
--- a/src/core/shared/ReactElementType.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-08 12:32:58
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 20:35:19
- */
-interface MutableRefObject<T> {
-  current: T;
-}
-
-type RefObject<T> = MutableRefObject<T> | ((value: T) => void)
-
-interface Props<T> {
-  ref?: RefObject<T>
-  children?: any
-  [compatibleProps: string]: any
-}
-
-type ReactElement = {
-  $$typeof: symbol
-  props: Props<any>
-  tag: any
-}
-
-type FC<T extends Object> = (props: T, ...params: any[]) => ReactElement
-type RefForwardingComponent<T, P> = (props: P, ref: MutableRefObject<T>) => ReactElement
-
-type Provider<T> = (props: {
-  value?: T
-  children?: ReactElement
-}) => ReactElement
-
-type Consumer<T> = (props: {
-  children?: (context: T) => ReactElement
-}) => ReactElement
-
-type ReactContext<T> = {
-  Provider: Provider<T>
-  Consumer: Consumer<T>
-  value: T
-}
-
-type LazyComponent<T> = (props: T) => Promise<{ default: () => JSX.Element }>
-
-export {
-  ReactElement,
-  MutableRefObject,
-  RefObject,
-  Props,
-  FC,
-  RefForwardingComponent,
-  Provider,
-  Consumer,
-  ReactContext,
-  LazyComponent
-}
diff --git a/src/core/shared/ReactTypes.ts b/src/core/shared/ReactTypes.ts
deleted file mode 100644
index 671cd34..0000000
--- a/src/core/shared/ReactTypes.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-06 16:47:37
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-10 17:24:55
- */
-import { Props } from "./ReactElementType"
-
-namespace NodeType {
-  export const Text = Symbol("Text")
-  export const Fragment = Symbol("DocumentFragment")
-  export const Root = Symbol("Container")
-  export const Hook = Symbol("Hook")
-  export const Host = Symbol("Host")
-  export const Unknown = Symbol("Unknown")
-}
-
-namespace EffectType {
-  export const Place = Symbol("Place")
-  export const Update = Symbol("Update")
-  export const Delete = Symbol("Delete")
-  export const Create = Symbol("Create")
-
-  export const getEffectLevel = (effectType: symbol): number => {
-    switch (effectType) {
-      case Create:
-        return 4
-      case Update:
-        return 3
-      case Place:
-        return 2
-      case Delete:
-        return 1
-      default:
-        return 0
-    }
-  }
-}
-
-interface Instance {}
-interface TextInstance {}
-interface FragmentInstance {}
-
-type Effect = () => (() => void) | void
-
-interface MemoizedState {
-  in?: Effect[]
-  out?: Effect[]
-  [id: number]: any
-}
-
-type Fiber = {
-  tag?: any
-  $$typeof?: symbol
-  props?: Props<any>
-  memoizedState?: MemoizedState
-  stateNode?: Instance | TextInstance | FragmentInstance
-  return?: Fiber
-  child?: Fiber
-  sibling?: Fiber
-  alternate?: Fiber
-  effectType?: symbol
-  effectList?: Fiber[]
-  callback?: Function
-  [key: string]: any
-}
-
-export {
-  NodeType,
-  EffectType,
-  Instance,
-  TextInstance,
-  FragmentInstance,
-  Effect,
-  MemoizedState,
-  Fiber
-}
diff --git a/src/core/shared/objectIs.ts b/src/core/shared/objectIs.ts
deleted file mode 100644
index 283cf6a..0000000
--- a/src/core/shared/objectIs.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 15:21:04
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-07 15:21:04
- */
-export const is = (x: any, y: any) =>
-  (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y)
diff --git a/src/core/shared/shallowEqual.ts b/src/core/shared/shallowEqual.ts
deleted file mode 100644
index e69fd55..0000000
--- a/src/core/shared/shallowEqual.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-13 16:26:00
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-13 16:26:00
- */
-import { is } from "./objectIs"
-
-const hasOwnProperty = Object.prototype.hasOwnProperty
-
-function shallowEqual(objA: object, objB: object): boolean {
-  if (is(objA, objB)) {
-    return true
-  }
-
-  if (
-    typeof objA !== "object" ||
-    objA === null ||
-    typeof objB !== "object" ||
-    objB === null
-  ) {
-    return false
-  }
-
-  const keysA = Object.keys(objA)
-  const keysB = Object.keys(objB)
-
-  if (keysA.length !== keysB.length) {
-    return false
-  }
-
-  for (let i = 0; i < keysA.length; i++) {
-    if (
-      !hasOwnProperty.call(objB, keysA[i]) ||
-      !is(objA[keysA[i]], objB[keysA[i]])
-    ) {
-      return false
-    }
-  }
-
-  return true
-}
-
-export { shallowEqual }
diff --git a/src/core/shared/testStackSize.ts b/src/core/shared/testStackSize.ts
deleted file mode 100644
index dbf0ca5..0000000
--- a/src/core/shared/testStackSize.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 15:20:04
- * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-11 20:51:02
- */
-let MAX_STACK_SIZE = 10000
-const MAX_STACK_ID = Symbol("MAX_STACK_ID")
-
-const setMaxStackSize = (size: number) => {
-  MAX_STACK_SIZE = size
-}
-
-const resetStackSize = (id = "default") => {
-  const size = TestStackSize[MAX_STACK_ID]
-  if (size) {
-    size[id] = 0
-  }
-}
-
-const resetStack = () => {
-  TestStackSize[MAX_STACK_ID] = {}
-}
-
-type StackSizeMap = { [id: string]: number }
-type StackListener = (
-  stackSize: { id: string; size: number },
-  stackSizeMap: StackSizeMap
-) => void
-let listeners: StackListener[]
-
-const watchStackSize = (callback: StackListener) => {
-  if (!listeners) {
-    listeners = []
-  }
-
-  listeners.push(callback)
-  return () => {
-    listeners.splice(listeners.indexOf(callback), 1)
-  }
-}
-
-const TestStackSize = (id = "default") => {
-  if (!TestStackSize[MAX_STACK_ID]) {
-    resetStack()
-  }
-  const size = TestStackSize[MAX_STACK_ID]
-
-  if (id in size) {
-    size[id]++
-  } else {
-    size[id] = 1
-  }
-
-  if (size[id] > MAX_STACK_SIZE) {
-    throw new Error(
-      `STACK SIZE OVERFLOW: ${id}, try to reset the MAX_STACK_SIZE(${MAX_STACK_SIZE});
-      method: React.Stack.setMaxStackSize()`
-    )
-  }
-
-  if (listeners) {
-    listeners.forEach(listener => listener({ id, size: size[id] }, size))
-  }
-}
-
-export {
-  setMaxStackSize,
-  TestStackSize,
-  resetStackSize,
-  watchStackSize,
-  resetStack
-}
diff --git a/src/index.ts b/src/index.ts
deleted file mode 100644
index f894ca0..0000000
--- a/src/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 22:41:51
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-07 22:41:51
- */
-export * from "./core/react/React"
-export { default } from "./core/react/React"
diff --git a/src/reconciler.ts b/src/reconciler.ts
deleted file mode 100644
index 405b322..0000000
--- a/src/reconciler.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-13 12:51:51
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-13 12:51:51
- */
-export * from "./core/react-reconciler/ReactFiberReconciler"
-export { default } from "./core/react-reconciler/ReactFiberReconciler"
diff --git a/src/server.ts b/src/server.ts
deleted file mode 100644
index 3f702dc..0000000
--- a/src/server.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * @Author: saber2pr
- * @Date: 2019-12-07 22:41:48
- * @Last Modified by:   saber2pr
- * @Last Modified time: 2019-12-07 22:41:48
- */
-export * from "./core/react-dom/server/ReactDOMServer"
-export { default } from "./core/react-dom/server/ReactDOMServer"
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index 00ddefd..0000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
-    "declaration": true,
-    "outDir": "./lib",
-    "esModuleInterop": true,
-    "jsx": "react",
-    "lib": ["dom", "es2015", "esnext"]
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "lib"]
-}
diff --git a/yarn.lock b/yarn.lock
deleted file mode 100644
index c31f00e..0000000
--- a/yarn.lock
+++ /dev/null
@@ -1,280 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@babel/code-frame@^7.0.0":
-  version "7.5.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d"
-  integrity sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==
-  dependencies:
-    "@babel/highlight" "^7.0.0"
-
-"@babel/highlight@^7.0.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540"
-  integrity sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==
-  dependencies:
-    chalk "^2.0.0"
-    esutils "^2.0.2"
-    js-tokens "^4.0.0"
-
-"@rollup/plugin-html@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.npm.taobao.org/@rollup/plugin-html/download/@rollup/plugin-html-0.2.3.tgz#bed48fc18dbde345c0ef09b0b53a165d7bd3b7cd"
-  integrity sha1-vtSPwY2940XA7wmwtToWXXvTt80=
-
-"@types/estree@*":
-  version "0.0.40"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.40.tgz#0e6cb9b9bbd098031fa19e4b4e8131bc70e5de13"
-  integrity sha512-p3KZgMto/JyxosKGmnLDJ/dG5wf+qTRMUjHJcspC2oQKa4jP7mz+tv0ND56lLBu3ojHlhzY33Ol+khLyNmilkA==
-
-"@types/node@*":
-  version "12.12.14"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.14.tgz#1c1d6e3c75dba466e0326948d56e8bd72a1903d2"
-  integrity sha512-u/SJDyXwuihpwjXy7hOOghagLEV1KdAST6syfnOk6QZAMzZuWZqXy5aYYZbh8Jdpd4escVFP0MvftHNDb9pruA==
-
-"@types/resolve@0.0.8":
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
-  integrity sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==
-  dependencies:
-    "@types/node" "*"
-
-acorn@^7.1.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
-
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-builtin-modules@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.1.0.tgz#aad97c15131eb76b65b50ef208e7584cd76a7484"
-  integrity sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==
-
-chalk@^2.0.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-
-commander@~2.20.3:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-cross-env@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.nlark.com/cross-env/download/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
-  integrity sha1-hlJkspZ33AFbqEGJGJZd0jL8VM8=
-  dependencies:
-    cross-spawn "^7.0.1"
-
-cross-spawn@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.nlark.com/cross-spawn/download/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha1-9zqFudXUHQRVUcF34ogtSshXKKY=
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
-
-estree-walker@^0.6.0, estree-walker@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
-  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
-
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
-
-is-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/isexe/download/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
-
-jest-worker@^24.0.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
-  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^6.1.0"
-
-js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-magic-string@^0.25.2:
-  version "0.25.4"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.4.tgz#325b8a0a79fc423db109b77fd5a19183b7ba5143"
-  integrity sha512-oycWO9nEVAP2RVPbIoDoA4Y7LFIJ3xRYov93gAyJhZkET1tNuB0u7uWkZS2LpBWTJUWnmau/To8ECWRC+jKNfw==
-  dependencies:
-    sourcemap-codec "^1.4.4"
-
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
-path-key@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.nlark.com/path-key/download/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-  integrity sha1-WB9q3mWMu6ZaDTOA3ndTKVBU83U=
-
-path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
-
-resolve@^1.10.0, resolve@^1.11.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.13.1.tgz#be0aa4c06acd53083505abb35f4d66932ab35d16"
-  integrity sha512-CxqObCX8K8YtAhOBRg+lrcdn+LK+WYOS8tSjqSFbjtrI5PnS63QPhZl4+yKfrU9tdsbMu9Anr/amegT87M9Z6w==
-  dependencies:
-    path-parse "^1.0.6"
-
-rollup-plugin-commonjs@^9.2.0:
-  version "9.3.4"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.3.4.tgz#2b3dddbbbded83d45c36ff101cdd29e924fd23bc"
-  integrity sha512-DTZOvRoiVIHHLFBCL4pFxOaJt8pagxsVldEXBOn6wl3/V21wVaj17HFfyzTsQUuou3sZL3lEJZVWKPFblJfI6w==
-  dependencies:
-    estree-walker "^0.6.0"
-    magic-string "^0.25.2"
-    resolve "^1.10.0"
-    rollup-pluginutils "^2.6.0"
-
-rollup-plugin-node-resolve@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz#730f93d10ed202473b1fb54a5997a7db8c6d8523"
-  integrity sha512-jUlyaDXts7TW2CqQ4GaO5VJ4PwwaV8VUGA7+km3n6k6xtOEacf61u0VXwN80phY/evMcaS+9eIeJ9MOyDxt5Zw==
-  dependencies:
-    "@types/resolve" "0.0.8"
-    builtin-modules "^3.1.0"
-    is-module "^1.0.0"
-    resolve "^1.11.1"
-    rollup-pluginutils "^2.8.1"
-
-rollup-plugin-uglify@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-uglify/-/rollup-plugin-uglify-6.0.3.tgz#e3f776171344b580bec6c6ab8888622b67099457"
-  integrity sha512-PIv3CfhZJlOG8C85N0GX+uK09TPggmAS6Nk6fpp2ELzDAV5VUhNzOURDU2j7+MwuRr0zq9IZttUTADc/jH8Gkg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    jest-worker "^24.0.0"
-    serialize-javascript "^1.9.0"
-    uglify-js "^3.4.9"
-
-rollup-pluginutils@^2.6.0, rollup-pluginutils@^2.8.1:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
-  integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
-  dependencies:
-    estree-walker "^0.6.1"
-
-rollup@^1.27.8:
-  version "1.27.8"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-1.27.8.tgz#94288a957af9f4c2380b73a17494d87705997d0f"
-  integrity sha512-EVoEV5rAWl+5clnGznt1KY8PeVkzVQh/R0d2s3gHEkN7gfoyC4JmvIVuCtPbYE8NM5Ep/g+nAmvKXBjzaqTsHA==
-  dependencies:
-    "@types/estree" "*"
-    "@types/node" "*"
-    acorn "^7.1.0"
-
-serialize-javascript@^1.9.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-1.9.1.tgz#cfc200aef77b600c47da9bb8149c943e798c2fdb"
-  integrity sha512-0Vb/54WJ6k5v8sSWN09S0ora+Hnr+cX40r9F170nT+mSkaxltoE/7R3OrIdBSUv1OoiobH1QoWQbCnAO+e8J1A==
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.nlark.com/shebang-command/download/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha1-zNCvT4g1+9wmW4JGGq8MNmY/NOo=
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/shebang-regex/download/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha1-rhbxZE2HPsrYQ7AwexQzYtTEIXI=
-
-source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-sourcemap-codec@^1.4.4:
-  version "1.4.6"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.6.tgz#e30a74f0402bad09807640d39e971090a08ce1e9"
-  integrity sha512-1ZooVLYFxC448piVLBbtOxFcXwnymH9oUF8nRd3CuYDVvkRBxRl6pB4Mtas5a4drtL+E8LDgFkQNcgIw6tc8Hg==
-
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
-  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
-  dependencies:
-    has-flag "^3.0.0"
-
-typescript@^3.4.3:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.7.2.tgz#27e489b95fa5909445e9fef5ee48d81697ad18fb"
-  integrity sha512-ml7V7JfiN2Xwvcer+XAf2csGO1bPBdRbFCkYBczNZggrBZ9c7G3riSUeJmqEU5uOtXNPMhE3n+R4FA/3YOAWOQ==
-
-uglify-js@^3.4.9:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.7.1.tgz#35c7de17971a4aa7689cd2eae0a5b39bb838c0c5"
-  integrity sha512-pnOF7jY82wdIhATVn87uUY/FHU+MDUdPLkmGFvGoclQmeu229eTkbG5gjGGBi3R7UuYYSEeYXY/TTY5j2aym2g==
-  dependencies:
-    commander "~2.20.3"
-    source-map "~0.6.1"
-
-which@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.nlark.com/which/download/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha1-fGqN0KY2oDJ+ELWckobu6T8/UbE=
-  dependencies:
-    isexe "^2.0.0"