Need advice: Async atom fetch pattern with selectors

[simon3495]

I want to do the simplest of things:

1. Fetch some data and store it in an async atom. (Expect a json back from the api)
2. Now I want selectors (focusAtom?) that subscribes to only a part of the json data and that are able to update that part as well.

What does this pattern look like in jotai? (I would prefer to render fallbacks using suspense)

There is no example of this in the docs: https://jotai.org/docs/guides/async

[dai-shi]

Do you mean something like this?

const dataAtom = atom((get) => Promise.resolve({ text: 'foo' }));
const textAtom = atom(async (get) => (await get(dataAtom)).text);

[simon3495]

But with that you cannot update the textAtom, you can only read it:

So exactly what you wrote but, additionally, it should also be possible to update to textAtom as I was trying to in the image.

[dai-shi]

You can use atomWithDefault util and a writeable derived atom.