Create 'bind' method for every ui object

[bin-san]

The ui object only binds it text or value to something. but will it not be more reactive if a generalised bind method is provided?

label = ui.label()
def f(client, data):
    # client is the ui object that will react
    client.set_text(data)
label.bind(app.storage.user, 'name', f)

I guess this will give user more freedom for making their app more reactive.

[python-and-fiction]

Just same as data in Flet's controls?

import flet as ft

def main(page: ft.Page):
    page.title = "Elevated button with 'click' event"

    def button_clicked(e):
        b.data['value'] += 1
        t.value = f"Button clicked {b.data['value']} time(s)"
        page.update()

    b = ft.ElevatedButton("Button with 'click' event", on_click=button_clicked, data={'value':0})
    t = ft.Text()

    page.add(b, t)

ft.app(target=main)

[bin-san]

Yes...

[bin-san]

After looking into the source I found the way to achieve this:

from nicegui import bind, BindableProperty

class X:
    a = BindableProperty()

class Y:
    b = BindableProperty()

x = X()
y = Y()
bind(x, 'a', y, 'b')

x.a = 10
print(y.b) # prints 10

[python-and-fiction]

from nicegui import binding,ui
a = {'a':1}
b = {'b':2}
binding.bind(a,'a',b,'b')
b['b']=3
ui.timer(1,lambda :print(a,b))
ui.run(show=False)