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.
2326 Commits
245 Branches
390 Tags
489 MiB
 
 
 
 
Tree: ba904d7481
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ba904d7481'
${ noResults }
compose-jb/examples/html/with-react
Oleksandr Karpovich 4c01cbdec7
Update kotlin version in examples (#4844) 		7 months ago
..
.run
…
gradle/wrapper Migrate all samples to the new resources library (#4386) 10 months ago
screenshots
…
src/jsMain
…
.gitignore
…
README.md
…
build.gradle.kts Update kotlin version in examples (#4844) 7 months ago
gradle.properties Update kotlin version in examples (#4844) 7 months ago
gradlew Update gradle wrappers (#3050) 2 years ago
gradlew.bat Update gradle wrappers (#3050) 2 years ago
settings.gradle.kts Update kotlin version in examples (#4844) 7 months ago

README.md

Use Compose HTML Library 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 HTML Library

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

  • To run, launch command: ./gradlew :jsBrowserRun
  • Or choose browser configuration in IDE and run it.
    browser-run-configuration.png