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.
 
 
 
 
Oleksandr Karpovich bc6d42ef44
Update versions: compose - 1.3.0 and kotlin - 1.8.0 (#2651)
2 years ago
..
.run examples README and .run configurations (#2355) 2 years ago
gradle/wrapper update gradle wrapper 7.5.1 (#2352) 2 years ago
screenshots Fix examples, templates (#2359) 2 years ago
src/jsMain Update compose-web examples and readme about effects (#2395) 2 years ago
.gitignore Compose-Web with React examples (#693) 3 years ago
README.md Fix examples, templates (#2359) 2 years ago
build.gradle.kts Fix Web examples 2 years ago
gradle.properties Update versions: compose - 1.3.0 and kotlin - 1.8.0 (#2651) 2 years ago
gradlew Compose-Web with React examples (#693) 3 years ago
gradlew.bat Compose-Web with React examples (#693) 3 years ago
settings.gradle.kts Modify replace.sh for replacing Compose version (#1511) 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

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