Ives van Hoorne

The Future of CodeSandbox

Sandboxes

Why Sandboxes?

Friction in sharing code with others

Playing with code is hard

The dev env is getting complicated

But everyone has to install it

Sandboxes

Prototypes

Bug Reports

Workshops

Job Interviews

Examples

Demos

Shareable IDEs are Valuable

Excalidraw

Sandbox

Project

idea

production

CodeSandbox Projects

Single click fork

Start in single click

No configuration

Share with a link

Customizable devtools

But for git repositories

Live collaboration

Every branch is shared

Every branch is shared

Every branch is shared

Clicking "Fork" creates new branch

Clicking "Fork" creates new branch

Every branch is backed by a VM

/:owner/:repo/main

/:owner/:repo/feature/branch

Every VM is backed by a URL

/:owner/:repo/main

/:owner/:repo/feature/branch

But you can use any editor you like

with live collaboration!

Shareable IDE for Development

1. Reviewing a PR while you're working on something

2. Waiting for development servers to start

3. Quickly pair programming with someone

4. Getting feedback from a dev/designer/(Koen/Jorn)

5. Don't have your laptop on you. Work from anywhere.

6. Running two branches at the same time(?!)

Demo

Future Work

1. Live Collaboration in VSCode

2. Easy switching/merging of branches, improving git flow

3. Reviewing PRs directly in CodeSandbox

4. Collaborative Devtools

5. Online editor improvements

Long-Term

You can use it!

#framer-codesandbox

Questions?

Framer Talk

By Ives van Hoorne