svelte: re-render just an item in list, not all the list items

Coming from svelte-apollo (a project that seems abandoned (no recrimination, everyone takes their time as they can), I would like to avoid the same fate for @urql/svelte that I want to use in my next projects) I can see here a similar issue.

Reproduction steps:

• go to REPL: https://codesandbox.io/s/urql-svelte-list-rerendering-uwsvn

• click a button

• every button re-render; so the entire list re-render itself

• I expect re-render only the button I clicked

Same problem for svelte-apollo here: https://github.com/timhall/svelte-apollo/issues/19

I know this can be something we have to fix in our application using a solution like:

const data = query(client, {
  query: SOME_QUERY,
});

let resultData = []
$: $data.then(data => resultData = data.data.queryResult)

but this solution as you can see is very cumbersome as the project grows.

What do you think about?

[frederikhors]

Ok, everything is clear to me.

You are an angel, @kitten.

Just one last thing:

If Chrome is not re-painting the others todos (no green color on them) does it mean it’s capable of understand what is changed and what not, right?

And this Chrome feature (no-repainting) helps us with performance, right?

[frederikhors]

You angel, thanks.