Demoboard
frontarm.com
frontarm.com
What I don't like is that some stuff seems to get loaded via hidden magic.
The Vue example loads vue.js. But it is not in the index.html. Why? It would be so much more useful if we could have it all editable in the code.
But it would be nicer to have a complete project in the browser.
Think of it this way: When someone hits 'export' and downloads the zip - how will they be able to run what they built? They need to set up a whole serverside toolchain. If you instead load vue clientside, the downloaded thing would work right away. Without any setup or dependencies.
This applies to the React example just as well.
The server side toolchain is how most devs do it these days. I personally prefer to skip it.
Demoboard is really made for throwing together a demo as quick as possible. But I think https://codesandbox.io would suit what you want perfectly. Have you given it a try?
Here we go:
https://frontarm.com/demoboard/?id=321f4d83-b0d8-4bd0-876b-0...
No more hidden magic. Everything happens in the browser. The user can use the downloaded thing without setting up a server side toolchain.
Perhaps I could find a way to transform imports into script statements in the exported file. I'll have a think about it...
Perhaps I could find a way to transform
imports into script statements in the exported file
There really is no difference between Vue and React in this regard. The React demo without a server side toolchain looks like this:
https://frontarm.com/demoboard/?id=2e5ca405-b011-4d00-988d-2...
I'm kinda surprised that it works on phones at all - I'd really only been targeting browsers (because you don't usually do much coding on a phone), but other than the scroll issue it seems to work pretty well.
I wrote up an introduction with some details at https://frontarm.com/articles/announcing-demoboard/