Doodle VS doodle-tutorials

https://blog.jetbrains.com/kotlin/2023/08/compose-multiplatf...

They don't really mention Wasm there as this mostly focuses on the IOS support. They had a lot of presentations about that at kotlin conf and the compose web channel in the kotlin slack is very active.

Basically, anyone currently doing mobile development that is used to modern UI frameworks for that, will soon be able to target browsers effortlessly without compromising on their UI frameworks. Compose is one of the frameworks. But there are others. I've seen some nice kotlin-js frameworks targeting canvas and vector graphics. Doodle is a nice example: https://nacular.github.io/doodle/. I have not used that yet but it looks quite slick. A lot of kotlin-js stuff will transition to wasm once the compiler stabilizes.

Web developers seem to be mostly unable to see beyond their comfort zone of DOM/CSS/JS. There are alternative ways of doing UI/UX that are common outside of browsers. Applying that in a browser is transitioning from impossible (a few years ago) to being hard but very feasible (the last few years) to being easy, very common, and widely supported across different developer ecosystems (the next few years). Not a matter of if but when.

Doodle is a pure Kotlin UI framework for the Web (and Desktop), that lets you create rich applications without relying on Javascript, HTML or CSS. Check out the documentation and tutorials to learn more.

Doodle - A pure Kotlin UI framework for the Web (and Desktop).

Doodle is a pure Kotlin UI framework for the Web (and Desktop), that lets you create rich applications without relying on Javascript, HTML or CSS. Check out the documentation and tutorials to learn more.

You should also check out Doodle. It is Kotlin multi platform, but lets you share business logic and rendering on web and desktop. These apps all do this.

Doodle is a pure Kotlin UI framework for the Web (and Desktop), that lets you create rich applications without relying on Javascript, HTML or CSS. Check out the documentation and tutorials to learn more.

Thanks for the feedback on improving the docs. This and other Doodle apps work atop Kotlin and can be KMM or single-target. One of those targets needs to be Javascript (browser) to make something runnable in the browser. They build using gradle tasks that are present when using the kotlin("js") or kotlin("multiplatform") plugin configurations. These result in tasks like jsbrowserProductionWebPack or browserProductionWebPack for KMM and JS-only respectively. These generate Javascript from the Kotlin and output it, along with the HTML and resource files included in the project directory structure. Here is the HTML file for the PhotosFullScreen app. There is a bit of custom build stuff for these demos to avoid including a main function in them directly, so they can be treated as libraries by the DocApps app. It is the one that generates the JS that can be included in the documentation for the site. Otherwise, the all the apps would have their fullScreen functions simply be main and include an HTML file in their resources directory that points to say Photos.js.

See how to easily use multi-touch and file drag-drop to make a simple photo viewer using Doodle. Doodle tutorials is a good place to see in-depth examples of how to build apps.

I just tried latest Brave on iOS and both apps work fine. Can you file an issue (https://github.com/nacular/doodle-tutorials/issues) with more details about OS and Brave version?

Doodle is a pure Kotlin UI framework for the Web, that lets you create rich applications without relying on Javascript, HTML or CSS. Check out the documentation and tutorials to learn more.