redux-kotlin-compose

Integrates Compose Multiplatform with Redux architecture, facilitating state management and UI updates through a reducer-based approach. Simplifies creating and dispatching actions within composable functions.

#compose-multiplatform

Suggest an edit

Android JVMJVMJS

GitHub stars32

Authorsreduxkotlin

Open issues13

Creation dateover 3 years ago

Last activity1 day ago

Latest release0.6.0 (about 3 years ago)

Homepage GitHub repository GitHub pages Wiki page

Redux-Kotlin-Compose

Compose Multiplatform integration for Redux Kotlin

Installation

Artifacts are hosted on maven central. For multiplatform, add the following to your shared module:

kotlin {
  sourceSets {
    commonMain {
      dependencies {
        implementation("org.reduxkotlin:redux-kotlin-compose:_")
      }
    }
  }
}

For JVM only:

dependencies {
  implementation("org.reduxkotlin:redux-kotlin-compose-jvm:_")
}

Usage

data class State(val name: String? = null)
sealed interface Action {
  data class Rename(val name: String) : Action
  object ClearName : Action
}

val reducer: Reducer<State> = reducerForActionType<State, Action> { state, action ->
  when (action) {
    is Action.Rename -> state.copy(name = action.name)
    is Action.ClearName -> state.copy(name = null)
  }
}

@Composable
fun App() {
  StoreProvider(createStore(reducer, State())) {
    Component()
  }
}

@Composable
fun Component() {
  val name by selectState<State, String> { name }
  val dispatch = rememberDispatcher()
  Text(name)
  Button(
    text = "Clear",
    onClick = {
      dispatch(ClearName)
    }
  )
}