কম্পোনেন্ট-লোকাল স্টেট বনাম অ্যাপ-ওয়াইড স্টেট

# লোকাল স্টেট -- প্রতিটি স্ক্রিন-ইনস্ট্যান্সের নিজস্ব, সম্পূর্ণ স্বতন্ত্র

class CounterScreen:
    def __init__(self, name):
        self.name = name
        self.count = 0  # শুধু এই স্ক্রিন-ইনস্ট্যান্সেরই সম্পত্তি

    def tap_increment(self):
        self.count += 1
        print(f"[{self.name}] ট্যাপ করা হলো -- count = {self.count}")


home_counter = CounterScreen("হোম স্ক্রিনের কাউন্টার")
home_counter.tap_increment()
home_counter.tap_increment()
home_counter.tap_increment()

# ব্যবহারকারী এবার সম্পূর্ণ ভিন্ন একটি স্ক্রিনে গেলো -- এটির নিজস্ব, আলাদা CounterScreen ইনস্ট্যান্স
settings_counter = CounterScreen("সেটিংস স্ক্রিনের কাউন্টার")
settings_counter.tap_increment()

print(f"\nহোম স্ক্রিনের count: {home_counter.count}")
print(f"সেটিংস স্ক্রিনের count: {settings_counter.count}")
print("লক্ষ্য করুন -- দুটি সম্পূর্ণ স্বতন্ত্র সংখ্যা, একটি অন্যটিকে প্রভাবিত করেনি।")

# একটি সত্যিকারের স্টোর/অবজার্ভার প্যাটার্ন -- দুটি স্বতন্ত্র স্ক্রিন সিঙ্কে থাকে, কোনো প্যারাম পাসিং ছাড়াই

class Store:
    def __init__(self, initial_state):
        self.state = dict(initial_state)
        self._subscribers = []

    def set_state(self, partial):
        # পুরনো state মিউটেট না করে সম্পূর্ণ নতুন একটি dict তৈরি -- অপরিবর্তনীয়তা (immutability)
        self.state = {**self.state, **partial}
        for listener in self._subscribers:
            listener(self.state)

    def subscribe(self, listener):
        self._subscribers.append(listener)


cart_store = Store({"cart_count": 0})

# হোম ট্যাব -- একটি ব্যাজ যা কার্ট-সংখ্যা দেখায়
home_badge_log = []
cart_store.subscribe(lambda state: home_badge_log.append(state["cart_count"]))

# কার্ট ট্যাব -- একটি হেডার যা একই সংখ্যা দেখায়, সম্পূর্ণ স্বতন্ত্র স্ক্রিন
cart_header_log = []
cart_store.subscribe(lambda state: cart_header_log.append(state["cart_count"]))

print("ব্যবহারকারী প্রোডাক্ট পেজ থেকে একটি আইটেম কার্টে যোগ করলো...")
cart_store.set_state({"cart_count": cart_store.state["cart_count"] + 1})

print("ব্যবহারকারী আরও একটি আইটেম যোগ করলো...")
cart_store.set_state({"cart_count": cart_store.state["cart_count"] + 1})

print(f"\nহোম ট্যাবের ব্যাজ যা যা মান পেয়েছে: {home_badge_log}")
print(f"কার্ট ট্যাবের হেডার যা যা মান পেয়েছে: {cart_header_log}")
print(f"স্টোরের বর্তমান state: {cart_store.state}")
print("লক্ষ্য করুন -- দুটি সম্পূর্ণ স্বতন্ত্র স্ক্রিন একই আপডেট একসাথে পেয়েছে, কোনো নেভিগেশন প্যারাম ছাড়াই।")