6 Awesome Ways to Code Together
Tags: webdev, beginners, codenewbie, productivity
Published: 2020-08-22 14:26:21

---
title: 6 Awesome Ways to Code Together
published: true
description: If you need to do some live coding and realtime collaboration, take a look at these 5 tools
tags: [webdev,beginners,codenewbie,productivity]
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/oryrn6ohmkxlzppjqa9j.png
---

Real time collaboration is the norm today, it is to be expected from the services we use - whether that's video chat, voice, or real time editing in documents or code. Below is a small list of places where you can do some real time coding with others. Note: I am not sponsored by any of these services. Enjoy!

## [VS Code Live Share](https://visualstudio.microsoft.com/services/live-share/)

If you're using [VS Code](https://visualstudio.microsoft.com/services/live-share/) Then I highly recommend you use Microsoft's own [live share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack) extension. It works remarkably well and my friends and I have used it a number of times to work on the project together. 

![Live Share](https://dev-to-uploads.s3.amazonaws.com/i/i44cab1pfikdcdjgutr8.gif)

## [CodePen collab mode](https://blog.codepen.io/documentation/collab-mode/)

If you have used [codepen](https://codepen.io/) then you might be surprised that the Pro version actually has a [collab mode](https://blog.codepen.io/documentation/collab-mode/) that you can use. In collab mode, you can do real time pair programming similar to google docs. It's great for conducting interviews or just a random one-off script you want to work on together. I like it because you can see the results of the work in realtime like any other codepen!

![CodePen](https://dev-to-uploads.s3.amazonaws.com/i/j4csdl7kbei5gv6mxbjg.png)

It also has a [professor mode](https://blog.codepen.io/documentation/professor-mode/) for live coding sessions you need to do with multiple users.

## jsFiddle Collaborate Mode

[jsfiddle](https://jsfiddle.net/), like the others, also has a collaborate mode. Similar to codepen, you can see the realtime edits like you would any other tool. It also has the ability to do voice chat and regular chat as well. Underneath the hood it uses [togetherjs](https://togetherjs.com/) to get the realtime collaboration features.

![jsfiddle collaborate](https://dev-to-uploads.s3.amazonaws.com/i/6c7vxvmrs0vinoudra1w.png)

## [togetherjs](https://togetherjs.com/)

Want to create your own realtime collaboration platform? Then take a look at togetherjs! Togetherjs doesn't provide the edit state that you would need to implement on top of this however, but it does give you a quick library for doing WebRTC right away. Check it out!

![togetherjs](https://dev-to-uploads.s3.amazonaws.com/i/i3gzjkdmg955sa8b39al.png)

## [repl.it](https://repl.it/)

Repl.it stands out among all of these in my opinion. It works with many languages, you get the integration with GitHub, the realtime collaboration, and you can run just about anything you can think of. Many of the samples, such as for Python for instance, is running a full web server! Fantastic resource, highly recommend this!

![repl.it](https://dev-to-uploads.s3.amazonaws.com/i/oryrn6ohmkxlzppjqa9j.png)

## [codesandbox](https://codesandbox.io/)

Code sandbox is another great online ide. It has loads of cool features like letting you import from a github repo, collaborative real-time editing, and you can even embed the results on your site. Very neat!

![code sandbox](https://codesandbox.io/static/hero-ide-home-4ca67e8548248798ba899468ba3fa64e.png)

## Conclusion

On occasion I've used a few of the fiddle / code snippet resources online for one-off javascript projects. I've used VS Code a number of times when I'm working locally on something and I need my coworkers' opinion on something. repl.it however stands out among these IMHO. This list certainly isn't comprehensive and if you have suggestions please feel free to leave a comment below.

Cheers! 🍻

---

If you liked this article, please feel free to give me a follow and a like. Also give me a follow on [twitter](https://twitter.com/nyxtom), it helps me know you enjoy my content and I can keep producing more of it! Thanks again!