How the heck does reflex update state when it is used in a component's f string?

[guidocalvano]

It isn't really a bug or anything, but I am just so curious how you made that happen, and I figured, I can always ask...

How the heck does reflex update state when it is used in a component's f string?

Am I correct in the following assertions?: Whenever you use a member of a rx.State it calls a function that stores its use, while it returns a template variable denoting string. The next component that is created is now associated with that State's member. Whenever the state is updated the template string is replaced with the State's member value.

This is the best I could come up with. So far your library seems awesome by the way.

[picklelo]

When using f-strings we override the __format__ method within the Var class:

reflex/reflex/vars.py

Line 278 in 6e71393

def __format__(self, format_spec: str) -> str:

So basically if you do something like rx.text(f"{State.text} formatted") it will render out to

<Text>
  {`${state.text} formatted`}
</Text>

So basically the frontend references the state variable, so whenever it gets updated the template string will update too.

[timmypidashev]

Pretty kewl, can't argue with that.