tasky-react.jsx

import { ReactDOM } from 'react-dom';
import { useTask, useRender } from 'concurrent-react';

const { TaskContext, perform } = useTask(function *(rootElement) {
  const render = useRender(ReactDOM);
  while (true) {
    yield render(<MyApp />, rootElement);
  } 
});

perform(document.getElementById("root"));

function MyApp() {
   const { useState, useTask } = useContext(TaskContext); 
   
   const [perform, state] = useTask(function *(n) {
     const [count, setCount] = useState(42);
     setCount(count + n);
     yield timeout(500);
     setCount(count + n);
   });
   
   return (
      <div>
       {/** same code goes here **/}
      </div>
   )
 }