ডিক্লারেটিভ বনাম ইম্পারেটিভ UI

# একই UI আপডেট -- ইম্পারেটিভ বনাম ডিক্লারেটিভ, প্রকৃত অপারেশন সংখ্যা গণনা করে

# ---------- ইম্পারেটিভ সংস্করণ ----------
class ImperativeUI:
    def __init__(self):
        self.spinner_visible = False
        self.log = []

    def start_loading(self):
        self.spinner_visible = True
        self.log.append("mutate: show_spinner()")

    def stop_loading(self):
        self.spinner_visible = False
        self.log.append("mutate: hide_spinner()")


# ব্যবহারকারীর ঘটনাক্রম -- loading শুরু/শেষ কয়েকবার, কিছু ধাপ ডুপ্লিকেট (একই স্টেট দুইবার)
events = ["start", "start", "stop", "stop", "start", "stop"]

imperative_ui = ImperativeUI()
for event in events:
    if event == "start":
        imperative_ui.start_loading()
    else:
        imperative_ui.stop_loading()

print("=== ইম্পারেটিভ ===")
for line in imperative_ui.log:
    print(f"  {line}")
print(f"মোট মিউটেশন অপারেশন: {len(imperative_ui.log)}")


# ---------- ডিক্লারেটিভ সংস্করণ ----------
def render(state):
    """স্টেটের ভিত্তিতে কাঙ্ক্ষিত UI বর্ণনা রিটার্ন করে -- প্রতিবার সম্পূর্ণ ফ্রেশ"""
    return {"spinner_visible": state["loading"]}


# events-এর সমতুল্য loading বুলিয়ান সিকোয়েন্স
loading_sequence = [True, True, False, False, True, False]

previous_render = None
dom_ops = []
render_call_count = 0

for loading in loading_sequence:
    new_render = render({"loading": loading})
    render_call_count += 1
    if new_render != previous_render:
        if new_render["spinner_visible"]:
            dom_ops.append("dom-op: show_spinner()")
        else:
            dom_ops.append("dom-op: hide_spinner()")
    previous_render = new_render

print("\n=== ডিক্লারেটিভ ===")
print(f"render() কল হয়েছে: {render_call_count} বার (প্রতিটি স্টেট-পরিবর্তনেই, শর্তহীনভাবে)")
for line in dom_ops:
    print(f"  {line}")
print(f"প্রকৃত DOM/UI মিউটেশন অপারেশন (diff-এর পর): {len(dom_ops)}")

print(f"\nতুলনা -- ইম্পারেটিভ মিউটেশন: {len(imperative_ui.log)}, ডিক্লারেটিভ প্রকৃত মিউটেশন: {len(dom_ops)}")