Implementation of useful hooks inspired by React for Compose

Pavitra Golchha

Last update: Nov 14, 2022

Related tags

App react android kotlin library android-library compose react-hooks jetpack-compose

Overview

useCompose

React inspired hooks for Compose

Installation

Step 1. Add the JitPack repository to your build file

Add it in your root build.gradle at the end of repositories:

allprojects {
  repositories {
    ...
    maven { url 'https://jitpack.io' }
  }
}

Step 2. Add the dependency

dependencies {
  implementation 'com.github.pavi2410:useCompose:1.0.0'
}

Help Wanted

I want your help in making this library extensive such that this covers many of the commonly used hooks. Also, I want your help in building a KMP friendly library.

You might also like...

DesignPatterns - Design patterns are very useful when we study how they work so we can create similar patterns. They are bad when we try to copy them directly

Design Patterns “Design patterns are very useful when we study how they work so

2 Sep 6, 2022

Loco-strings-sync - A custom Gradle Plugin useful to sync loco string resources to local projects

loco-strings-sync A custom Gradle Plugin useful to sync loco string resources to

1 Feb 14, 2022

Initiate immediate phone call for React Native on iOS and Android.

react-native-immediate-call-library Initiate immediate phone call for React Native on iOS and Android. Getting started Using npm: npm install react-na

7 Sep 7, 2022

Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.

Uncompress React Native Simple library to decompress files .zip, .rar, .cbz and .cbr in React Native. Installation yarn add uncompress-react-native o

40 Nov 24, 2022

Kotlin/JS를 이용하여 Kotlin으로 React 프로그래밍하기!

코틀린으로 리액트 프로그래밍하기! 코틀린으로 리액트 프로그래밍하기 - 블로그 코틀린으로 리액트 프로그래밍을 하시기 전에 수신 객체 지정 람다와 프로퍼티 위임(by)에 대해서 미리 선행하시는 걸 추천드립니다. 컴포넌트 생성하기 @JsExport class TestComp

8 Jul 24, 2022

A react native interface for integrating payments using PayPal

react-native-paypal Getting started Installation npm install react-native-paypal Android Specific Add this to your build.gradle maven { url "https:

14 Sep 25, 2022

Practising React by building Netflix Clone

Netflix-Clone-React Practising React by building Netflix Clone Requirements TMDB api key : Add TMDB API key to AppApi.kt Learning Resourcce Build Netf

61 Nov 13, 2022

A 2020s compatible React Native keyboard avoiding view for Android and iOS that just works.

react-native-keyboard-shift Example Snack coming soon Until then: Clone this repo: git clone https://github.com/FullStackCraft/react-native-keyboard-s

66 Aug 16, 2022

Make SIP calls from react-native using Linphone SDK

react-native-sip Make SIP calls from react-native using Linphone SDK Installation npm install react-native-sip Usage import { multiply } from "react-n

2 Jun 30, 2022

Comments

Should useState be updated to not use the setter from MutableState?

Context: https://www.reddit.com/r/androiddev/comments/rqdv5g/there_are_three_ways_to_declare_a_mutablestate/

tl;dr:

@Composable
fun Test() {
    val (value, setValue) = remember { mutableStateOf(0) }
    println(value)
    setValue(value + 1)
    println(value)
}

will output

0
0

In light of that, perhaps useState should be updated? Something like:

@Composable
fun <T> useState(defaultValue: T): Pair<T, (T) -> Unit> {
    var state by remember { mutableStateOf(defaultValue) }
    return Pair(state, { state = it }) // or `return state to { state = it }`
}

opened by thevoiceless 3

Add more React builtin hooks
[x] Basic Hooks

[x] useState

[x] useEffect

[x] useContext

[ ] Additional Hooks

[x] useReducer

[ ] useCallback

[ ] useMemo

[ ] useRef

[ ] useImperativeHandle

[ ] useLayoutEffect

[ ] useDebugValue
opened by pavi2410 0

Releases(1.3.0)

1.3.0(Feb 20, 2022)
What's Changed

Hook(react): useReducer by @pavi2410 in https://github.com/pavi2410/useCompose/pull/11

Hook: useToggle by @pavi2410 in https://github.com/pavi2410/useCompose/pull/7

Full Changelog: https://github.com/pavi2410/useCompose/compare/1.2.0...1.3.0
Source code(tar.gz)
Source code(zip)
1.2.0(Dec 23, 2021)
What's Changed

useConnectionStatus hook to monitor active network connection by @pavi2410 in https://github.com/pavi2410/useCompose/pull/3

groupId changed to com.github.pavi2410.useCompose

Full Changelog: https://github.com/pavi2410/useCompose/compare/1.1.0...1.2.0
Source code(tar.gz)
Source code(zip)
1.1.0(Dec 15, 2021)
New features:

Added useContext hook

Full Changelog: https://github.com/pavi2410/useCompose/compare/1.0.0...1.1.0
Source code(tar.gz)
Source code(zip)
1.0.0(Dec 14, 2021)
Initial release

New features:

Added useState hook

Added useEffect hook

Full Changelog: https://github.com/pavi2410/useCompose/commits/1.0.0
Source code(tar.gz)
Source code(zip)

Owner

Pavitra Golchha

Computerphile. (★‿★)

GitHub

Android Package Inspector - dynamic analysis with api hooks, start unexported activities and more. (Xposed Module)

Inspeckage - Android Package Inspector Inspeckage is a tool developed to offer dynamic analysis of Android applications. By applying hooks to function

2.5k Jan 8, 2023

📲💬 react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.

React Native Fontext react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in androi

9 Dec 3, 2021

This app is used to divide a particular task in subtask and assign it to others with priorities. This may be useful for team projects or collaborative work

TaskDivider-Android-App This app is used to divide a particular task in subtask and assign it to others with priorities. This may be useful for team p

1 Jan 10, 2022

Implementation of useful hooks inspired by React for Compose

Related tags

Overview

useCompose

Installation

Help Wanted

You might also like...

DesignPatterns - Design patterns are very useful when we study how they work so we can create similar patterns. They are bad when we try to copy them directly

Loco-strings-sync - A custom Gradle Plugin useful to sync loco string resources to local projects

Initiate immediate phone call for React Native on iOS and Android.

Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.

Kotlin/JS를 이용하여 Kotlin으로 React 프로그래밍하기!

A react native interface for integrating payments using PayPal

Practising React by building Netflix Clone

A 2020s compatible React Native keyboard avoiding view for Android and iOS that just works.

Make SIP calls from react-native using Linphone SDK

Comments

Should useState be updated to not use the setter from MutableState?

Add more React builtin hooks

Releases(1.3.0)

1.3.0(Feb 20, 2022)

What's Changed

1.2.0(Dec 23, 2021)

What's Changed

1.1.0(Dec 15, 2021)

1.0.0(Dec 14, 2021)

Owner

Pavitra Golchha

Android Package Inspector - dynamic analysis with api hooks, start unexported activities and more. (Xposed Module)

📲💬 react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.

React-native-user-interface - Change React Native userinterface at runtime

React Native Stone SDK Implementation (Support for both Mobile and POS versions)

GeckoView implementation on android for React Native.

E- commerce app👕 built with Jetpack Compose and Compose Destinations. The design was inspired by Sajjad Mohammadi Nia

Simple timer app inspired by Newton's Cradle. Created in Jetpack Compose for #AndroidDevChallenge.

Andorid app which provides a bunch of useful Linux commands.

Unicopy is an application for Android devices and helps users to copy useful special characters

This app is used to divide a particular task in subtask and assign it to others with priorities. This may be useful for team projects or collaborative work

Implementation of useful hooks inspired by React for Compose

Related tags

Overview

useCompose

Installation

Help Wanted

You might also like...

DesignPatterns - Design patterns are very useful when we study how they work so we can create similar patterns. They are bad when we try to copy them directly

Loco-strings-sync - A custom Gradle Plugin useful to sync loco string resources to local projects

Initiate immediate phone call for React Native on iOS and Android.

Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.

Kotlin/JS를 이용하여 Kotlin으로 React 프로그래밍하기!

A react native interface for integrating payments using PayPal

Practising React by building Netflix Clone

A 2020s compatible React Native keyboard avoiding view for Android and iOS that just works.

Make SIP calls from react-native using Linphone SDK

Comments

Should useState be updated to *not* use the setter from MutableState?

Add more React builtin hooks

Releases(1.3.0)

1.3.0(Feb 20, 2022)

What's Changed

1.2.0(Dec 23, 2021)

What's Changed

1.1.0(Dec 15, 2021)

1.0.0(Dec 14, 2021)

Owner

Pavitra Golchha

Android Package Inspector - dynamic analysis with api hooks, start unexported activities and more. (Xposed Module)

📲💬 react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.

React-native-user-interface - Change React Native userinterface at runtime

React Native Stone SDK Implementation (Support for both Mobile and POS versions)

GeckoView implementation on android for React Native.

E- commerce app👕 built with Jetpack Compose and Compose Destinations. The design was inspired by Sajjad Mohammadi Nia

Simple timer app inspired by Newton's Cradle. Created in Jetpack Compose for #AndroidDevChallenge.

Andorid app which provides a bunch of useful Linux commands.

Unicopy is an application for Android devices and helps users to copy useful special characters

This app is used to divide a particular task in subtask and assign it to others with priorities. This may be useful for team projects or collaborative work

Should useState be updated to not use the setter from MutableState?