Durumlu ve Durumsuz Composable'lar
Mantığı sunumdan ayırın.
Durumlu ve Durumsuz Composable'lar, CoddyKit'te ücretsiz bir Jetpack Compose Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Jetpack Compose Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.
Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.
Two Kinds of Composables
Every Composable is either stateful (it holds its own data) or stateless (it just renders what you pass in). Knowing which is which shapes your whole app.
What Stateful Means
A stateful Composable remembers something across recompositions, usually with remember. It owns and changes its own data.
fun Counter() {
var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) { Text("Count: " + count) }
}What Stateless Means
A stateless Composable holds no state of its own. It only reads its parameters and draws, so the same inputs always give the same output. 🎯
fun CounterDisplay(count: Int) {
Text("Count: " + count)
}Why Stateless Wins
Stateless Composables are easier to reuse: they fit any screen, in any state, because the caller decides what to show.
Easier to Preview
Because a stateless Composable just takes parameters, you can feed it sample data in @Preview and see every variation instantly.
@Preview
fun PreviewDisplay() {
CounterDisplay(count = 42)
}Easier to Test
Stateless parts are predictable: pass an input, assert the output. No hidden internal data means far simpler tests. ✅
The Trade-Off
Stateful Composables are convenient for quick demos, but they trap data inside. That makes them hard to share, preview, or control from outside.
Spotting the Difference
See a remember or mutableStateOf inside? It is stateful. See only parameters being read? It is stateless.
Separate Logic from Looks
A clean pattern: keep one thin stateful wrapper that owns data, and a stateless Composable that only handles how things look.
Composing the Two
The stateful wrapper feeds its data into the stateless one. Now the visual part stays pure while the state lives in just one place.
fun CounterScreen() {
var count by remember { mutableStateOf(0) }
CounterDisplay(count = count)
}A Mindset for Reuse
Default to stateless when you build components. Add state only at the spot that truly needs to own it, and no lower.
Quick Check
Which kind of Composable is the easiest to reuse and preview?
Recap
Stateful Composables own data; stateless ones just render parameters. Favor stateless components and keep state in one small wrapper. 🚀
Sıkça Sorulan Sorular
“Durumlu ve Durumsuz Composable'lar” dersi ücretsiz mi?
Evet — “Durumlu ve Durumsuz Composable'lar” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Jetpack Compose Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.
“Durumlu ve Durumsuz Composable'lar” dersinde ne öğreneceğim?
Mantığı sunumdan ayırın. Jetpack Compose Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Jetpack Compose Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Jetpack Compose Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“Durumlu ve Durumsuz Composable'lar” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Jetpack Compose Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Jetpack Compose Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Durumlu ve Durumsuz Composable'lar
- value ve onValueChange ile Durumu Yukarı Taşıma
- Tek Doğruluk Kaynağı
- Compose Durum Yuvaları ve İçerik Lambda'ları