Are online editors the future?

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
Search for a command to run...

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
Great article! I didn't know that VS Code had a browser editor until now. Very cool.
Fairly new, but now you know Shannon 🎉
Brilliant! I'm positive it is more than a viable option for:
1) people with not enough hardware (like me! 🤣)
2) coders that want to share or edit quickly 👨💻
3) playground 🤹
As for full projects, probably there is a long way to go, but indeed it's worth considering.
Def a huge base of people that can benefit. Someone in the Astro community is using this as they use a Chromebook.
A useful tool but I doubt they will completely replace local editors, in the same way that VS Code does not replace VS or VS itself didn't replace EMACS.
What do you do if the Internet goes down, say because someone cut the cable? With a local editor I can keep working even if I have no Internet, with a web based editor...
They have different use cases indeed Dave. I'm sure they'll sort out a local git repo at one point so you could keep working on it.
But for now, nice to see this coming up. I've used it for quick code shares, and PR reviews while i'm still working on another branch.
Most of you know me for my consistency, a golden arrow in my blog series. I've written 1000 articles in 1008 days! Almost an article a day, and my honeymoon was the only holiday I ever took. I'm super proud of this achievement; it has been a fantasti...

It's not the first time I'll be talking about community. I think it's an essential aspect of any successful tool. This shows in my previous explorations of Astro, Medusa, and now Vendure as well. All these products thrive in a super open, welcoming, ...

The cool part about Vendure is how easy it is to set up and how abstract each layer is. Basically, we get the following elements: External database Server Worker Admin UI Frontend While this is amazing, it also brings a bit of complexity when it co...

The previous article looked at customizing Vendure on a data and process level. In this article, we'll look at customizing emails, as they are often a big part of a webshop system. We'll be looking at two different layers of customization for customi...

Even though Vendure is a pretty significant project out of the box, in some cases, we might want to go in and modify some elements to work to our specific use case. In this article, I'll take a high-level look at some elements we can customize within...

Recently Visual Studio Code also launched an online version of their editor. It is a lightweight version of the desktop application.
This is nothing new as GitHub has it built-in for their repos as well.
Let's have a look at these two options.
You can open any repository on GitHub and change the .com part of the domain to .dev.
Alternatively, you can simply press the . on any GitHub repo to open the online editor mode.
For instance, let's open the daily.dev repo in an online browser.
https://github.com/dailydotdev/apps
⬇️
https://github.dev/dailydotdev/apps
And we are welcomed by the full repo as we would get in VS Code.

Pretty cool, right? So what can we do with this?
. in a PR to open it in the editor for a more detailed overview.All and all, it's a super powerful way to edit code. The main downside is, of course, not being able to run it.
But for PR reviews, this is a good win!
GitHub recently also launched GitHub Codespaces, which is a blazing fast cloud environment. The look and feel are the same, but you are running on a VM.
The cool part about Codespaces is that you can run your code there.

This feature is only available to teams and organizations. For more information, visit the GitHub Codespace website.
More recently, we got a new addition to the online editor family, being VS code themselves.
To open a new editor, you can type vscode.dev in your browser, and a new editor will spool up.
The cool part is that this has wider use, as it can even load local files!

It can also open GitHub links and even azure links!
You can simply take any link to those repos and prefix them with vscode.dev.
Some examples:
https://github.com/dailydotdev/apps
⬇️
https://vscode.dev/github.com/dailydotdev/apps
Or for azure dev:
https://dev.azure.com/daily-dev-tips/test
⬇️
https://vscode.dev/dev.azure.com/daily-dev-tips/test
Powerful if you ask me!
Some pro's of using the vs code one would be:
The downsides are, for now, no way to run and debug.
We started this article by asking if these editors are the future? And to be honest with you, I do think it's very viable.
Our hardware becomes less and less critical (meaning whatever we have on it locally).
We can sign in to some online tools and take off from where we left.
This makes total sense in the current day and age.
There are some kinks to iron out for it to be entirely a solution on its own. For me, those are:
Option to run docker images on the cloud (Codespaces/Vercel/etc) Peer programming online 👀 Debug systems integrated
I'm sure these are even possible with some extensions and very keen to see what this will bring over time!
How do you feel about these online editors?
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter