Building the future of collaborative coding

Sergei Chestakov

Sergei Chestakov

One of the most powerful aspects of Replit is the ability to collaborate with friends and peers in real time. When we first added support for multiplayer, we set out to make it as easy as possible to code with others. Since then, collaboration has become an integral part of our product with the release of features like threads and draw.

By continuing to improve the multiplayer experience on Replit, our goal is to dispel the myth that programming is a lonely activity. Instead, we aim to remove the barriers that impede the learning, creativity, and fun that collaboration often fosters.

This is why we're excited to announce two new features that make collaborating on Replit even easier: Observation Mode and Filetree Presence!

Observation Mode

Oftentimes, when you're coding with someone, you might want to follow their progress more closely. Whether you're teaching a class, hacking with friends, or leading an interview, it can be useful to zoom in on a collaborator's activity to see what they're working on. Previously, you might have done this by hopping on a video call and sharing your screen, but that can be overkill in many scenarios. Luckily, there's now an even easier approach built right into Replit called Observation Mode!

To start observing someone, simply click on their avatar in the header. If you're in a larger session (4+ people) and you don't see their avatar, you can click on the more users button and find them there like so:

Hover over avatar demo
Hover over avatar demo

Observing someone will keep your editor in sync with theirs and follow their cursor as it moves, including when they switch files.

Your editor will also be highlighted with their avatar's color and display an indicator to remind you that you're observing them. Here's what it looks like:

Observe demo
Observe demo

Filetree Presence

The other feature that you might notice the next time you're in a multiplayer session with someone is Filetree Presence. With Presence, you can now see which files your collaborators are in right from the filetree! If other people are in a file or a collapsed directory, their avatars will appear next to them. As they hop around to different files, so too will their avatars. This will let you get a sense of where everyone is in the repl which can be both fun and useful when you're hacking together.

Filetree presence
Filetree presence

As time goes on, we plan to continue improving the multiplayer experience and removing the barriers to collaboration that many programmers still face today. In the modern internet era, more and more of our work, from design to writing, is done using cloud based software. The transition to the cloud brings with it a fundamental change to the way we work and share with others. At Replit, we believe that programming should be no different and are excited to keep pushing this future forward with features like these. We hope this helps you code and create together. Happy hacking!

More