not sure how to implement it

Question

gildor · Answer

What do you exactly want Kotlin already can be compiled to JavaScript and can use JS libraries and also Kotlin code can be shared between platforms use the same Kotlin code on JVM and JS Maybe I just didn t get your question

Hamza · Answer

okay so i m using javalin currently and i have a public folder in my resources with a bunch of javascript files if i were to use kotlin js i m not sure how i would set it up

Hamza · Answer

im currently using gradle for kotlin on the jvm

gildor · Answer

Just compile Kotlin to JS and set this output js dir as a path with static content

Hamza · Answer

and how do i go about doing that

gildor · Answer

It actually depends how you deploy your app

gildor · Answer

doing what Compile to js or configure javalin

Hamza · Answer

compile

gildor · Answer

Hamza · Answer

and will it do this to all files or can i chose only to compile js files in a specific directory

gildor · Answer

It exactly the same as with JVM

gildor · Answer

you create a gradle project and configure it for Kotlin JS see official docs there is Gradle docs put your sources to src dir and compile all of them

Hamza · Answer

i don t want to do all of them only the ones i have in resources

gildor · Answer

I don t understand you

gildor · Answer

to compile Kotlin source files to js you need a separate Gradle project

Hamza · Answer

<https i folder rip z2v53195ez png> I already have all of these files running on Kotlin JVM

Hamza · Answer

if i also want kotlin files to run on JS where should i put them so that only they are compiled in JS

gildor · Answer

do you want to share some kotlin sources between JVM and JS

Hamza · Answer

yeah

gildor · Answer

Than you need multiplatform project <https kotlinlang org docs reference multiplatform html>

Hamza · Answer

oh okay

Hamza · Answer

i ll try that next project thanks

gildor · Answer

you create a separate common module put there all the sources that you want to share between platforms and add this module as dependency to platform specific moduls jvm or js

Hamza · Answer

ah okay

gildor · Answer

don t forget that you cannot use JVM or JS specific APIs on common code

gildor · Answer

but it s a good way to share business logic or data objects

Hamza · Answer

so if i create a multiplatform project it will create 3 modules JVM JS and Common where jvm can use jvm stuff js can use its stuff and common can use neither and is like a bridge between the two

gildor · Answer

no it s not a bridge you cannot connect js and jvm code for example call js from jvm you only can reuse some code

Hamza · Answer

what code can be reused

gildor · Answer

pure Kotlin code that doesn t use platform specific APIs

gildor · Answer

in Kotlin JS you can use browser API but you cannot do that in JVM

Hamza · Answer

so like i can create data classes with a bunch of shared variables

gildor · Answer

also on JVM you can use Java APIs

gildor · Answer

shared variables

gildor · Answer

it can be any code that you can write on pure Kotlin + it also supports actual expect declarations

Hamza · Answer

like ```data class config setting1 boolean setting2 boolean ``` type of thing

gildor · Answer

check docs

gildor · Answer

You can share such data class yes

Hamza · Answer

okay great Thanks

gildor · Answer

but not only data classes you have access to kotlin stdlib excluding platform specific methods

Hamza · Answer

okay

gildor · Answer

also good talk from Kotlin Team <https www youtube com watch v=afc5PUs EPE>

Hamza · Answer

ok thanks

gildor · Answer

also a few articles about MPP on kotlin academy <https blog kotlin academy com multiplatform home>

Hamza · Answer

thanks alot

gildor · Answer

about your original question about JS you can also keep using js specific API just do not share it with JVM you can have pure JS module check docs about Kotlin JS

gregopet · Answer

We re doing this three modules backend JS and common

gregopet · Answer

It works OK we can reuse some code and of course we get static type checking for the part that gets compiled into Javascript

gregopet · Answer

Using existing Javascript frameworks is a bit of a pain we re using Vue and sometimes you just can t escape Javascript specifics

gregopet · Answer

Kotlin for example tries to hide Javascript s handling of `this` while Vue depends on the default behavior

gregopet · Answer

If I had to start again I d try using React because JetBrains has some Kotlin integration

gregopet · Answer

Specifically we re sharing data transfer classes some validation code and we have URL paths defined in Kotlin objects so both parts of the web app can use them

gregopet · Answer

It s still definitely two codebases though

gregopet · Answer

We find that trying to reuse too much causes more pain than gain

david-wg2 · Answer

Writing pure vue is very simple and it has great editor support I would advice against trying to use kotlin for JavaScript

gildor · Answer

Imo vue uses too many dynamic magic under the hood so it works not so smooth as should React less magic so works better Kotlin specific UI framework would be probably even better

poohbar · Answer

while playing with vue I discovered it has a really cool hot reload functionality you save a file and the component in question updates in place without any actual browser reloading so smooth does react offer that

Hamza · Answer

It Does

poohbar · Answer

cool

poohbar · Answer

almost makes front end development fun almost

poohbar · Answer

until you need to reconfigure webpack to do something a little bit different then good luck smile

Hamza · Answer

I m yet to use the cool kotlin stuff Still getting used to kotlin x html

poohbar · Answer

yeah I just use Kotlin for JVM for some reason Kotlin for JS rubs me the wrong way feels out of place

gregopet · Answer

It is a bit our Kotlin JS codebase is pretty small just the admin backend so we gave it a try

gregopet · Answer

would ve been simpler to just write it in JS and we wouldn t be worse off

napperley · Answer

If it is a web full stack project then using Kotlin JS would be preferred over JS for the front end