Exploring Effect + React for Atomic UI Data Fetching

WIP: Effect + React Atomic UI for data fetching

const MyFancyComponentLoader = () => <AtomicUI effect={MyFancyComponentLoader.effect} />

MyFancyComponentLoader.effect = Effect.gen(function*() {
  yield* UI.render(<MyFancyLoadingSkeleton />)
  const data = yield* fetchedData
  yield* UI.render(<MyFancyComponent data={data} />)
})

export function App(){
  return (
    <Layout>
      <h1>Stuff!</h1>
      <MyFancyComponentLoader />
    </Layout>
  )
}


toying around with using effect-atom to render ui.
Inspired by react server components
https://github.com/effect-native/effect-native/pull/133#issuecomment-3305250221
Was this page helpful?