anybody has some experience with react and ktor? o...

# ktor

[Manuel Lorenzo]

anybody has some experience with react and ktor? or some other frameworks or technologies for people like me who don’t really know JS?

[bitkid]

i use ktor in combination with vue (atm ktor also serves the generated vue stuff, but in theory it should be easily movable to a CDN)

[bitkid]

what i do is .. in my gradle build i build the JS stuff before building the backend stuff and package it in a fatJar .. works well so far

[Manuel Lorenzo]

oh OK

[Manuel Lorenzo]

did you try not packing anything in a JAR?

[bitkid]

i did it for convenience .. as i said .. it should work without it too

[bitkid]

there is no reason it shouldn't .. when the whole crossorigin request stuff is handled correctly with dns

[Manuel Lorenzo]

to be honest I don’t know where to begin with 😞

[bitkid]

my personal experience with Vue .. it's a monster with a very steep learning curve. i don't know how react compares to it .. if you are a "beginner" it's probably easier to just start with plain html/js? i try to avoid frontend stuff where possible, so i am just running it for my fun projects

[Manuel Lorenzo]

yes, that’s what I thought, but I dislike freemarker and i don’t have an ultimate intellij license

[bitkid]

my first projects where just plain html with a bit of jquery code .. was also ok but tbh i don't know what to recommend 🙂

[Manuel Lorenzo]

well I know some react and would like to keep learning.

[Manuel Lorenzo]

it’s just that I don’t know where to start with

[bitkid]

i guess you found https://github.com/Kotlin/kotlin-fullstack-sample already?

[Manuel Lorenzo]

yep

[Big Chungus]

Setup a multiplatform project with ktor on the backend and react on frontend. then in ktor just serve react app as static resource

[Manuel Lorenzo]

interesting

[Big Chungus]

https://gitlab.com/mp.bootstrappers/kotlin-fullstack-mpp here's an example setup

[Manuel Lorenzo]

one important question: I already know some serious react syntax, components etc

[Manuel Lorenzo]

can I use that in a project, without having to do the frontend in Kotlin, just the backend?

[Big Chungus]

What do you mean? As in you have the frontend already?

[Big Chungus]

If so, then just put all the frontend in frontendMain/resources/WEB-INF and it'll serve those with the example setup above

[Manuel Lorenzo]

using the bootstrap you mean right?

[Manuel Lorenzo]

yes, let’s imagine I already have the react components

[Manuel Lorenzo]

or for example, I have here an already full stack project working, but it uses FreeMarker; I’d like to rewrite the frontend in React

[Big Chungus]

Essentially all you want to do is serve static resources from ktor. Now whether they're kotlin compiled to js or an existing webpack bundle, it does not matter

[Big Chungus]

Then use MPP setup from above and add existing plain-js components as resources for kotlin js-interop

[Big Chungus]

However this already sounds messy, so I'd strongly recommend converting them to kotlin

[Big Chungus]

rewriting*

[Big Chungus]

It's not that much different, really

[Manuel Lorenzo]

well not exactly, because the Freemarker I have also has some params to be passed to the template, such as with

call.respond(FreeMarkerContent("signin.ftl", mapOf("userId" to signin.userId, "error" to signin.error)))