parallel-suspense.js

// sequential
function App() {
  let one = Resource.read('1')
  let two = Resource.read('2')
  let three = Resource.read('3')
  return (
    <div>
      <div>{one}</div>
      <div>{two}</div>
      <div>{three}</div>
    </div>
  )
}

// parallel
function App() {
  return (
    <div>
      <One/>
      <Two/>
      <Three/>
    </div>
  )
}

function One() {
  let one = Resource.read('1')
  return <div>{one}</div>

}

function Two() {
  let two = Resource.read('2')
  return <div>{two}</div>

}

function Three() {
  let three = Resource.read('3')
  return <div>{three}</div>
}