Files
compose-multiplatform/examples/web-with-react
Oleksandr Karpovich bc6d42ef44 Update versions: compose - 1.3.0 and kotlin - 1.8.0 (#2651)
* Update versions in examples

* Add more scripts to validate example on android and k/js

* Add validateExamplesIos.sh

* Update CHANGELOG.md for 1.3.0

* check examples with 1.3.0-rc06

* Update the versions: compose-multiplatform - 1.3.0, kotlin - 1.8.0

* Update ComposeCompilerCompatibility (1.4.0)

* Update web/yarn.lock
2023-01-30 21:02:23 +01:00
..
2022-10-04 02:51:59 +02:00
2021-05-25 18:45:50 +02:00
2022-10-05 13:44:37 +02:00

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