loading...
Cover image for What's you favorite online code editor?

What's you favorite online code editor?

ari_o profile image Arika O ・1 min read

Lately, my go-to playground is Codesandbox because it lets me add npm dependencies super fast and easy plus, I can create a new React project with just a few clicks.

What's your favorite?

Image source: Vlada Karpovich/ @vlada-karpovich on Pexels

Discussion

pic
Editor guide
Collapse
anevins12 profile image
Andrew Nevins

Codepen - because it made me aware of dev.to

Collapse
ari_o profile image
Arika O Author

How so :)?

Collapse
anevins12 profile image
Andrew Nevins

Codepen has a share option that lists 'DEV'(.to) that I didn't notice until a week ago:
The share buttons from Codepen including the 'dev.to' option

Thread Thread
ari_o profile image
Arika O Author

Haha, I had no idea either :). But I kind of stopped using Codepen like a year ago so maybe it wasn't there yet (?). Thx for sharing.

Thread Thread
anevins12 profile image
Andrew Nevins

Good point and thanks for sharing CodeSandbox!

Collapse
vonheikemen profile image
Heiker

My favorite is codepen, I usually don't need anything fancy so it's perfect. And now that ESmodules are supported, stuff like this work.

import S from 'https://jspm.dev/sanctuary@3.0.0';

console.log (S.show (S.Pair (true) ('what?')));

That only saves me like two clicks but I love it. I would also like to mention webmaker, is like codepen but works offline (I think is faster, too).

If I do need something fancy I go for stackblitz. It's a VScode on the browser, like codesanbox.

This one I love, I just saw it a couple of months ago, it's called observablehq. I think the main use is for data visualization but since it supports markdown it opens the posibility to create articles with interactive examples. I had a lot of fun creating this one.

Collapse
itsasine profile image
ItsASine (Kayla)

I'll pile on to the love for Repl.it, CodePen, and Codesandbox. Also, honorable mention to Gitlab's IDE which I use at work for addressing code review comments when I'm too lazy busy to check out the branch.

I looked into online editors a bunch when moving to a Chromebook as my day-to-day computer, but it's surprising that there isn't a lot of popularity for online coding. I ended up caving and just installing IntelliJ, which feels so silly and overpowered to have on a Chromebook.

Collapse
ryands17 profile image
Ryan Dsouza

Codesandbox all the way as it uses the same editor as VSCode along with all it's preferences which makes it easy to work with. Also I like how different templates are already present and we can choose as per our requirements which makes it great for examples and prototypes. I have yet to try it on a large scale though.

Collapse
onygami profile image
Arpit Bharti

Gitpod is fantastic. I have an extension to place a button on github repositories page so I can open it directly in GitPod. I can run an app without cloning it to my own system.

Collapse
kayis profile image
K

They are planning to add this natively to GitHub with CodeSpaces.

github.com/features/codespaces

Collapse
madza profile image
Madza

When I first used Gitpod, I wondered why was not Github like that natively, too.. Just hate to clone everything..

Collapse
ari_o profile image
Arika O Author

Never heard of it, thx for sharing :).

Collapse
vuelancer profile image
Vuelancer
  • Codesandbox.io
  • Stackblitz.com
  • Glitch.com
  • Jsbin.com
  • Jsfiddle.com
  • Repl.it
  • scrimba.com Mostly I use vscode... but not any online editor!
Collapse
ari_o profile image
Arika O Author

Awww, thx for reminding me of Glitch. I used it quite a lot around two years ago and I remember they always gave funny names to the new projects.

Collapse
vuelancer profile image
Vuelancer

Ya! We can delete our projects but they always store our projects! I still remember I felt so awe when I saw all my deleted projects in the trash and I'm able to restore them.

Collapse
kayis profile image
K

For AWS stuff I used Cloud9 because it runs on a EC2 with an Amazon Linux 2 that comes pre-installed and configured with all the AWS CLIs, SDKs and Lambda runtimes.

While I don't like the editor (I'm mostly a VSCode fanboy) the tooling and setup is unbeatable.

Collapse
ericjeker profile image
Eric Jeker

I use Stackblitz for pretty much everything. I can one click a complete environment. It's super fast so very efficient to quickly test something or follow a tutorial without messing around with a local setup.

Collapse
sanchit170054 profile image
Maverick

Visual Studio Code features a lightning fast source code editor, perfect for day-to-day use. With support for hundreds of languages, It really helps you be instantly productive with syntax highlighting, bracket-matching, auto-indentation, box-selection, snippets, and more.

Collapse
ari_o profile image
Arika O Author

VS Code has an online version? Had no idea.

Collapse
sanchit170054 profile image
Maverick

No, basically it is a free source-code editor made by Microsoft for Windows, Linux and macOS. Some of the features that really fasincates me includes support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. Thus as a developer, I feel comfortable working on this.

Thread Thread
ari_o profile image
Arika O Author

Ah, ok, it was a misunderstanding :). I was asking about online editors. I use VS Code every day, at work and at home.

Thread Thread
sanchit170054 profile image
Maverick

Oh. I'm sorry too. I thought it was only about code editor :)

Thread Thread
ari_o profile image
Arika O Author

No worries. VS Code is my favorite code editor up until now. I love the extensions and the Javascript support.

Thread Thread
celkamada profile image
Cassandra Cruz

For the record, VS Code does have an online version (VS Codespaces).

Thread Thread
bias profile image
Tobias Nickel

just last weekend, I started to run vs code in the browser, there are a bunch of options also listed in the comments: run vscode in the browser with a single command

Collapse
miketalbot profile image
Mike Talbot

CodeSandbox all the way for me. The ability to write node servers and React apps and then run them here - gotta love it!

Collapse
ari_o profile image
Arika O Author

Not fair. Why doesn't the gave save the level you died on :D?

Collapse
miketalbot profile image
Mike Talbot

Ah now that is for the next part of the tutorial I'm writing on it lol

Thread Thread
ari_o profile image
Arika O Author

My OCD loves this game :D.

Collapse
flamingphoenix777 profile image
FlamingPhoenix777

Codesandbox.

Nothing.
Else.
Nope. That's my fave. Period.

Collapse
ari_o profile image
Arika O Author

🤣
Got.
It.

Collapse
flamingphoenix777 profile image
FlamingPhoenix777

There.
You.
Are.

😏
👉👉

Collapse
mikenikles profile image
Mike Nikles

gitpod.io

I wrote about my experience and how to get started:

Also, my coupon code mikenikles gives you 30% off for the first three months once you've used your monthly free allowance.

Collapse
ari_o profile image
Arika O Author

Thank you for sharing :).

Collapse
himujjal profile image
Himujjal Upadhyaya

Svelte REPL. fastest lightest and the most smooth experience of writing front end. Of course it's only available for Svelte but, that's enough. I doubt any framework comes close to Svelte on perfection.

Collapse
perpetual_education profile image
perpetual . education

CodePen. Just because... if it's any more complex - we're going to want it in 'real code.' We kinda use jsFiddle for throw-away StackOverflow stuff - and CodePen for things we want to maintain and keep around.

Collapse
pontakornth profile image
pontakornth

Codepen for fun
Codesandbox when I don't want to install IDE or can't install it
Repl.it for teaching and testing

Collapse
fhsinchy profile image
Farhan Hasin Chowdhury

Repl.it

I often write code for others (apprentices/teachers) and repl helps a lot. It's not exactly a code editor though.

Collapse
muhimen123 profile image
Muhimen

I don't use online editors that much. But if I need to use it, then it's repl.it.

Collapse
davidromero profile image
David Romero

I use Code Server with Docker on a secondary machine (Mac Mini), I let my little computer breathe and keep the heavy stuff there.

Collapse
anshcena profile image
ANSH VARUN

jsfiddle
Stackblitz
Codesandbox
Codepen

Most frequently used as i find most of the solved bugs on these only :D

Collapse
ari_o profile image
Arika O Author

I got a few recommendations for Stackblitz, must check it out :D.

Collapse
madza profile image
Madza

Codesandbox.io - for React and Node stuff..
JSBin.com - for quick code snippets, testing, etc..

Collapse
ari_o profile image
Arika O Author

Seems like a good reasoning. Thx for sharing.

Collapse
gabriela profile image
Gabi

I use confidently IntelliJ for both JavaScript and React and Java.

Collapse
iainfreestone profile image
Iain Freestone

I like CodePen for creative, "arty" projects and Codesandbox for everything else. So I switch evenly between the two.

Collapse
pgaria profile image
Pawan Garia

Codesandbox.io is also my Fav :)

Collapse
developer626 profile image
Aaron Waruszewski

Code-server
Runs vscode off a server so I can code with my phone.

Collapse
bear4 profile image
Bear4

stackblitz.com

Collapse
waylonwalker profile image
Waylon Walker

repl.it for python 🐍

Collapse
ari_o profile image
Arika O Author

Wish I knew about it 4 years ago, when trying to learn Python. Back then I wasn't able to install it correctly (on my own) so I gave up :D. Thx for sharing.

Collapse
ducdev profile image
Duc Le

I can add jsfiddle and codepen to the list, cheers!

Collapse
ari_o profile image
Arika O Author

I didn't really use jsfiddle in the last year (or maybe even more), I just noticed they change the interface quite a bit.

Collapse
srkama profile image
kamalakannan

I use

Collapse
ari_o profile image
Arika O Author

Good old Jsbin. I used it a lot while learning how to code and I also used to confuse it with Jsfiddle all the time :). Thx for sharing.

Collapse
amlana24 profile image
amlan

Codesandbox and repl.it for me.

Collapse
luisnoresv profile image
Luis Nores

Stackbliz is pretty sick.

Collapse
wilop profile image
Wilberth Antonio López Aguilar

Is Eclipse Theia a good choice? I just use offline editors. Sorry I can not apport to much .

Collapse
delc82 profile image
dleon

This is the ide behind Gitpod I believe

Collapse
ari_o profile image
Arika O Author

I don't know about it, to be honest, but I suppose every code editor is a good choice as long as it serves its purpose.

Collapse
dropinksblog profile image
Dropinks

Codepen