Add interactive updates

Related pr facebook/react#12100

README.md

@@ -9,6 +9,6 @@ The dead simple implementation of React for the learning purpose on how React wo
 - [x] Global event handler
 - [x] Fiber
 - [x] Priority
-- [ ] Suspend
 - [ ] Hooks
+- [ ] Suspend
 - [ ] Synthetic event

demo/app.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { render } from "react-dom";
+import * as React from "../qreact";
 
 class App extends React.Component {
   constructor(props) {
@@ -72,4 +71,9 @@ class Story extends React.Component {
   };
 }
 
-render(<App />, document.getElementById("root"));
+React.render(
+  <React.unstable_AsyncMode>
+    <App />
+  </React.unstable_AsyncMode>,
+  document.getElementById("root"),
+);

demo/package.json

@@ -19,7 +19,7 @@
     "webpack-dev-server": "3.1.14"
   },
   "dependencies": {
-    "react": "16.2.0",
-    "react-dom": "16.2.0"
+    "react": "16.3.0",
+    "react-dom": "16.3.3"
   }
 }

demo/yarn.lock

@@ -3812,20 +3812,20 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-dom@16.2.0:
-  version "16.2.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.2.0.tgz#69003178601c0ca19b709b33a83369fe6124c044"
-  integrity sha512-zpGAdwHVn9K0091d+hr+R0qrjoJ84cIBFL2uU60KvWBPfZ7LPSrfqviTxGHWN0sjPZb2hxWzMexwrvJdKePvjg==
+react-dom@16.3.3:
+  version "16.3.3"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.3.3.tgz#af4c2aef9f6a66251a46da50253c860a67ae66d9"
+  integrity sha512-ALCp7ZbSGkqRDtQoZozKVNgwXMxbxf/IGOUMC2A0yF6JHeZrS8e2cOotPT87Vf4b7PKCuUVKU4/RDEXxToA/yA==
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.0"
 
-react@16.2.0:
-  version "16.2.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.2.0.tgz#a31bd2dab89bff65d42134fa187f24d054c273ba"
-  integrity sha512-ZmIomM7EE1DvPEnSFAHZn9Vs9zJl5A9H7el0EGTE6ZbW9FKe/14IYAlPbC8iH25YarEQxZL+E8VW7Mi7kfQrDQ==
+react@16.3.0:
+  version "16.3.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.3.0.tgz#fc5a01c68f91e9b38e92cf83f7b795ebdca8ddff"
+  integrity sha512-Qh35tNbwY8SLFELkN3PCLO16EARV+lgcmNkQnoZXfzAF1ASRpeucZYUwBlBzsRAzTb7KyfBaLQ4/K/DLC6MYeA==
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"

qreact.js

@@ -1,6 +1,14 @@
 import { render } from "./src/render";
-import { createElement } from "./src/createElement";
+import { createElement, REACT_ASYNC_MODE_TYPE } from "./src/createElement";
 import { Component } from "./src/Component";
 import { deferredUpdates } from "./src/FiberScheduler";
 
-export { render, createElement, Component, deferredUpdates };
+const unstable_AsyncMode = REACT_ASYNC_MODE_TYPE;
+
+export {
+  render,
+  createElement,
+  Component,
+  deferredUpdates,
+  unstable_AsyncMode,
+};