HTML5 History API-এ `pushState` স্টেট অবজেক্ট কী এবং কীভাবে কাজ করে?

`history.pushState(state, title, url)` — ব্রাউজার হিস্টরিতে এন্ট্রি যোগ

state অবজেক্টটি যেকোনো সিরিয়ালাইজেবল জাভাস্ক্রিপ্ট অবজেক্ট (অথবা `null`)। এটি ব্রাউজারের হিস্টরি এন্ট্রির সাথে সংযুক্ত থাকে এবং `popstate` ইভেন্টে ফেরত পাওয়া যায়।

সিনট্যাক্স এবং উদাহরণ

window.addEventListener('popstate', event => {
  const state = event.state; // pushState-এ দেওয়া অবজেক্ট
  if (state) {
    console.log('ব্যাক/ফরওয়ার্ড নেভিগেশন:', state);
    // UI আপডেট: selectColor(state.selectedColor), switchTab(state.tab)
  }
});

স Faces প্র্যাকটিস

1. স্টেট অবজেক্ট হালকা রাখুন (বড় অবজেক্ট না দিন — মেমরি)।
2. URL-এও স্টেট রিফ্লেক্ট করুন (SEO, শেয়ারেবিলিটি, রিফ্রেশ-রেজিলিয়েন্স)।
3. `replaceState` ব্যবহার করুন যদি নতুন হিস্টরি এন্ট্রি না চান (যেমন ফিল্টার চেঞ্জ)۔