github
/
compose-jb
mirror of https://gitee.com/github-sync-mirror/compose-jb.git
1
0
Fork 0
Code Issues Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1173 Commits
245 Branches
390 Tags
489 MiB
 
 
 
 
Tree: f19d5fb66a
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'f19d5fb66a'
${ noResults }
compose-jb/examples/web-with-react
Oleksandr Karpovich 17194020d9
web: update web examples to 1.0.0-rc12 (#1517) 		3 years ago
..
gradle/wrapper Cleanup samples and adjust for rc5 3 years ago
src/jsMain Simplify Compose in React example (#823) 4 years ago
.gitignore Compose-Web with React examples (#693) 4 years ago
README.md Compose-Web with React examples (#693) 4 years ago
build.gradle.kts web: update web examples to 1.0.0-rc12 (#1517) 3 years ago
gradle.properties Compose-Web with React examples (#693) 4 years ago
gradlew Compose-Web with React examples (#693) 4 years ago
gradlew.bat Compose-Web with React examples (#693) 4 years ago
settings.gradle.kts Add google repo for all web modules, samples and examples 3 years ago

README.md

Use Compose(web) in React app

see ComposeInReactApp.kt

useCompose(...) is a custom React effect to render a content using Compose. It's not a part of any library.

Use React in Compose(web) app

UseReactEffect(...) is a custom Compose effect to render a content using React. It's not a part of any library.

see ReactInComposeApp.kt

How to use existing React components:

It requires adding external declarations. For example: ReactYoutubePlayer.kt

Here is a good tutorial - Using packages from NPM

Running web application

./gradlew jsBrowserRun