🚀 CoroutineScope in Jetpack Compose - সহজ ভাষায় বোঝার গাইড

Jetpack Compose-এ CoroutineScope হলো ব্যাকগ্রাউন্ড টাস্ক চালানোর জন্য বিশেষভাবে ব্যবহৃত একটি টুল।

আপনি যদি এমন কাজ করতে চান যা দীর্ঘসময় চলবে (যেমন: API কল, ডাটাবেজ অপারেশন, বা টাইমার চালানো) কিন্তু UI ব্লক করবে না, তাহলে CoroutineScope ব্যবহার করতে হবে! ✅

---

🔥 CoroutineScope কী?

একটি CoroutineScope মূলত Coroutine চালানোর জন্য একটি কন্টেইনার। আপনি যখন Coroutine চালান, তখন সেটা একটি নির্দিষ্ট Scope-এর মধ্যে চলবে।

কেন দরকার?
✔ UI ব্লক না করে ব্যাকগ্রাউন্ডে কাজ চালানোর জন্য
✔ বড় কাজগুলোকে আলাদা থ্রেডে চালিয়ে অ্যাপকে ফাস্ট করার জন্য
✔ মেমোরি লিক (Memory Leak) কমানোর জন্য

---

🎯 CoroutineScope Jetpack Compose-এ কিভাবে কাজ করে?

Jetpack Compose-এ, Coroutine চালানোর জন্য সাধারণত rememberCoroutineScope() বা LaunchedEffect() ব্যবহার করা হয়।

✅ 1️⃣ rememberCoroutineScope() - UI ইভেন্টের জন্য

আপনার UI-তে যদি কোনো বোতাম চাপলে Coroutine চালাতে চান, তাহলে rememberCoroutineScope() ব্যবহার করবেন।

@Composable
fun MyButton() {
    val coroutineScope = rememberCoroutineScope()

    Button(onClick = {
        coroutineScope.launch {
            delay(2000) // 2 সেকেন্ড অপেক্ষা করবে
            println("Button clicked!")
        }
    }) {
        Text("Click Me")
    }
}

📌 এটি কী করবে?
✔ যখন বোতাম চাপা হবে, তখন ২ সেকেন্ড পর "Button clicked!" প্রিন্ট হবে ✅
✔ UI ব্লক হবে না!

---

✅ 2️⃣ LaunchedEffect() - কম্পোজেবল লোড হলে অটোমেটিক চালানোর জন্য

আপনি যদি চান একটি স্ক্রিন ওপেন হবার সাথে সাথে Coroutine চালু হোক, তাহলে LaunchedEffect() ব্যবহার করবেন।

@Composable
fun MyScreen() {
    LaunchedEffect(Unit) {
        delay(3000) // 3 সেকেন্ড অপেক্ষা করবে
        println("Screen Loaded!")
    }

    Text("Welcome to My App")
}

📌 এটি কী করবে?
✔ স্ক্রিন লোড হওয়ার পর ৩ সেকেন্ড অপেক্ষা করে "Screen Loaded!" প্রিন্ট করবে ✅
✔ UI ব্লক হবে না!

---

✅ 3️⃣ viewModelScope - ViewModel এর মধ্যে Coroutine চালানোর জন্য

যদি Coroutine চালাতে হয় ViewModel এর মধ্যে, তাহলে viewModelScope ব্যবহার করতে হবে।

class MyViewModel : ViewModel() {
    fun fetchData() {
        viewModelScope.launch {
            delay(2000)
            println("Data Loaded!")
        }
    }
}

📌 এটি কী করবে?
✔ ViewModel এর মধ্যে Coroutine চালাবে ✅
✔ ViewModel Destroy হলে Coroutine অটোমেটিক বাতিল হবে (Cancel হবে), ফলে মেমোরি লিক হবে না! ✅

---

✅ 4️⃣ rememberUpdatedState() - যখন UI রিফ্রেশ হয়, তখনও Coroutine এর মধ্যে লেটেস্ট ভ্যালু পেতে

@Composable
fun TimerScreen(countdownTime: Int) {
    val currentTime = rememberUpdatedState(countdownTime)

    LaunchedEffect(Unit) {
        while (currentTime.value > 0) {
            delay(1000)
            println("Countdown: ${currentTime.value}")
        }
    }

    Text("Time Left: ${currentTime.value}")
}

📌 এটি কী করবে?
✔ countdownTime আপডেট হলেও, Coroutine লেটেস্ট ভ্যালু ইউজ করবে ✅

---

🎭 CoroutineScope-এ Dispatcher কীভাবে কাজ করে?

CoroutineScope-এর কাজ করার ধরন নিয়ন্ত্রণ করা যায় Dispatcher দিয়ে।

Dispatcher	কাজ
Dispatchers.Main	UI-তে কাজ করার জন্য (যেমন Text পরিবর্তন করা)
Dispatchers.IO	ব্যাকগ্রাউন্ড টাস্ক চালানোর জন্য (যেমন API কল, ডাটাবেজ অপারেশন)
Dispatchers.Default	হেভি কম্পিউটেশনাল কাজ (যেমন বড় লুপ বা হিসাব-নিকাশ)

coroutineScope.launch(Dispatchers.IO) {
    val data = fetchDataFromAPI()
    withContext(Dispatchers.Main) {
        println("Data Loaded: $data") // UI-তে দেখানোর জন্য Main Thread-এ পাঠাচ্ছে
    }
}

📌 এটি কী করবে?
✔ API কল IO Thread-এ চালাবে ✅
✔ Main Thread-এ ফিরে এসে UI আপডেট করবে ✅

---

🎯 Jetpack Compose-এ CoroutineScope ব্যবহারের ভালো প্র্যাকটিস

✅ UI ইভেন্টের জন্য rememberCoroutineScope() ব্যবহার করুন
✅ স্ক্রিন লোড হলে LaunchedEffect() ব্যবহার করুন
✅ ViewModel এর মধ্যে Coroutine চালানোর জন্য viewModelScope ব্যবহার করুন
✅ ব্যাকগ্রাউন্ড কাজের জন্য Dispatchers.IO ব্যবহার করুন
✅ UI আপডেটের জন্য Dispatchers.Main ব্যবহার করুন

---

🏆 শেষ কথা

Jetpack Compose-এ CoroutineScope ব্যবহার করলে ব্যাকগ্রাউন্ড কাজ সহজে করা যায় এবং UI ল্যাগ হয় না! 🚀🔥

আপনি এখন জানেন:
✔ rememberCoroutineScope() - UI ইভেন্টের জন্য
✔ LaunchedEffect() - স্ক্রিন লোড হলে Coroutine চালানোর জন্য
✔ viewModelScope - ViewModel থেকে Coroutine চালানোর জন্য
✔ Dispatchers - Coroutine কোথায় চালাতে হবে তা নির্ধারণ করতে

এখন আপনি CoroutineScope ব্যবহার করে Jetpack Compose-এ Smooth & Responsive UI তৈরি করতে পারবেন! 🎨✨