uMS

[yisar]

Trying to find a way to control the rendering process and scheduler externally.

uMS is a good source of inspiration, but not necessarily the answer.

reactjs/rfcs#147

[fxxjdedd]

What does tearing means in react?

[yisar]

Because rendering is asynchronous, when a component depends on an external state, the external state changes during the rendering process, which will cause the first half of the component to be in the old state, and the next part to be rendered in the new state.

[yisar]

const mutation = createMutation({
  snapshot: () => store.getValue(),
  verison: () => store.version,
  subscription: callback => {
    const subscription = store.subscribe(callback)
    return () => subscription.unsubscribe()
  }
})

function Example(){
  const snapshot = useMutation(mutation)
  ...
}

[yisar]

It is worth mentioning that tearing is only a problem. Our goal is not to solve this single problem, but to find a unified solution to control rendering through external state(mutation).

It's not just about rerendering, it should also support abandoning rendering.