Are online editors the future?
Tags: watercooler, webdev, vscode, github
Published: 2021-11-01 05:54:51

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.

## GitHub VS Code editor in the browser

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.

```text
https://github.com/dailydotdev/apps
```

⬇️

```text
https://github.dev/dailydotdev/apps
```

And we are welcomed by the full repo as we would get in VS Code.

![Visual Studio code in GitHub repo](https://cdn.hashnode.com/res/hashnode/image/upload/v1634792115043/-Mf0ZsyFa.png)

Pretty cool, right?
So what can we do with this?

- Review pull requests online with ease. You can simply press the `.` in a PR to open it in the editor for a more detailed overview.
- Super easy to search throughout the codebase. Yes, click-through works!
- It's super fast.
- Make changes and PRs directly online
- Extensions are available

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 Codespaces

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.

![GitHub Codespaces](https://cdn.hashnode.com/res/hashnode/image/upload/v1634792515642/tPjH5b2_s.png)

This feature is only available to teams and organizations.
For more information, visit the [GitHub Codespace website](https://github.com/features/codespaces).

## Visual Studio Code in the Browser

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!

![Visual Studio Code in the browser](https://cdn.hashnode.com/res/hashnode/image/upload/v1634793147793/KGrV3MZu6.png)

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:

```text
https://github.com/dailydotdev/apps
```

⬇️

```text
https://vscode.dev/github.com/dailydotdev/apps
```

Or for azure dev:

```text
https://dev.azure.com/daily-dev-tips/test
```

⬇️

```text
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:
- Local file opening
- New projects from scratch, quickly share some project structure
- Azure dev-ops environment
- Again, many amazing extensions are available

The downsides are, for now, no way to run and debug.

## What about the future?

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, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)