Maybe they are simply CV showcases, in which case this is an impressive piece of software, and congratulations to the developer, but you've yet to convince me to move away from 1970s technology.
The speculative answer that comes to my mind is that engineering is the 'easier' part of coming with a new product. The concept is the 'difficult' part. I put these qualifiers in quotes because there is nothing easy about the engineering, but it comes easier to people that are already working with technology. They know how to make things. Deciding what to make is not an engineering question, but a business (or society) one.
I suspect that this is the reason for quite a few failed startups. They build things that they can, but not necessarily should.
But, again, this is not a criticism of this project, just adjacent discussion.
And LIVEditor's solution is integrating a Firebug-inspired html inspector into a full-featured code editor, of course plus a Chromium-powered real-time preview!
When I get some free time, I would like to see if it's easy to do in Light Table. Since it's open source, anything should be possible with a bit of work.
I think a lot of the apps you are using this, or something very similar. I've only played around with it very briefly, but like jw989 said it's pretty straightforward.
I was thinking on real time examples where you could play around with the code to learn how stuff works. It would be great for learning how to code or for explaining how a library works.
This is nice though