Page 1 of 1

BGA framework + Vue

Posted: 16 August 2020, 23:20
by Tisaac
Hi !

Has anyone already tried to make BGA framework work with something like Vue.js ?
The js templating offered by the framework is quite basic and using the Vue dynamic binding could make the frontend much easier/prettier (maybe even more efficient on the run).

Re: BGA framework + Vue

Posted: 20 August 2020, 17:00
by Draasill
I would love too using Vue, but that's a heavy lib, that's why I didn't.

Since santorini is using three.js, which is probably heavier, maybe that's not a problem ?

Re: BGA framework + Vue

Posted: 20 August 2020, 19:34
by Volker78
the minified version of vue is only 91kb, that gzipped is around 30kb

Re: BGA framework + Vue

Posted: 27 August 2020, 16:36
by Tisaac
Definitively not a size issue with < 100kb of script !
I've started to make BGA framework and Vue work together on my last project and so far so good, I'll keep this thread updated with my progress :)

Re: BGA framework + Vue

Posted: 20 March 2021, 22:03
by XCID
Are there any recent BGA projects using VUE where I could have a look at?

Re: BGA framework + Vue

Posted: 20 March 2021, 22:45
by quietmint
https://github.com/quietmint/bga-hardback uses Vue 3 and Tailwind CSS.

I plan to write a guide for the wiki one day on the approach I took, but overall I am not sure if I recommend using a progressive framework like this. The game animation requirement is completely at odds with the instant, automatic DOM updates of frameworks like Vue, Angular, React, etc. It was a fun experiment but I do not know if I would choose to do another game like this.