|
2 | 2 | title: Collaboration with Live |
3 | 3 | authors: ['CompuIves'] |
4 | 4 | description: |
5 | | - With CodeSandbox Live you can open up your sandbox for real time |
| 5 | + With CodeSandbox Live you can share your sandbox for real time |
6 | 6 | collaboration. |
7 | 7 | --- |
8 | 8 |
|
9 | | -## What is Live |
10 | | - |
11 | | - |
| 9 | +## What is Live? |
12 | 10 |
|
13 | 11 | Live is a mode in CodeSandbox that allows you to share your sandbox with others |
14 | | -for real time collaboration. You can simultaneously create, delete, edit and |
15 | | -move files in real time. It's like Google Docs, but for your code! You can |
16 | | -access Live under the Live tab in the sidebar: |
17 | | - |
18 | | - |
19 | | - |
20 | | -## Demo |
21 | | - |
22 | | -We recorded a demo to show what CodeSandbox Live exactly is, you can watch it |
23 | | -here: |
24 | | - |
25 | | -<iframe width="740" height="370" src="https://www.youtube.com/embed/DnnJ0sLn28s" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br /> |
| 12 | +for real time collaboration on code. You can simultaneously create, delete, edit and |
| 13 | +move files and code with others in a sandbox, as well as chat about your changes. It's like Google Docs, but for coding. |
26 | 14 |
|
27 | | -We also made an announcement blog post, which you can read |
28 | | -[here](https://medium.com/@compuives/introducing-codesandbox-live-real-time-code-collaboration-in-the-browser-6d508cfc70c9). |
| 15 | + |
29 | 16 |
|
30 | 17 | ## Going Live |
31 | 18 |
|
32 | | -You can go live by simply pressing the 'Go Live' button in the sidebar. This |
33 | | -will give you a URL that you can share with others to join the session. Others |
| 19 | +You can go live by pressing the 'Go Live' button under the Live tab in the left-hand activity bar in the editor. This |
| 20 | +will give you a URL that you can share with others to join the session. Invited editors |
34 | 21 | can only make edits to the sandbox while they are in the live session, they |
35 | 22 | cannot do this when just viewing the sandbox. |
36 | 23 |
|
37 | | - |
| 24 | +Invited editors can simultaneously edit, create, rename and update files and code, as well as add and remove dependencies. You can also see which file other collaborators are looking at and what their current selections are. |
38 | 25 |
|
39 | | -Others will be able to simultaneously edit, create, rename and update files. |
40 | | -They will also be able to add and remove dependencies, as those settings are |
41 | | -also file based. You can also see which file other collaborators are watching |
42 | | -and what their current selections are. |
| 26 | + |
43 | 27 |
|
44 | 28 | ## Classroom Mode |
45 | 29 |
|
46 | 30 | With Classroom Mode you can define who can edit the sandbox. This is especially |
47 | 31 | useful when working with large groups. You will only see the cursors of the |
48 | 32 | users that are 'editor'. |
49 | 33 |
|
| 34 | +You can enable Classroom Mode from the Live Mode drop-down menu. |
| 35 | + |
| 36 | + |
| 37 | + |
50 | 38 | You can give someone editor rights by pressing the '+' icon next to their name. |
51 | 39 |
|
52 | 40 |  |
53 | 41 |
|
54 | | -And you can make someone a spectator by clicking the '-' icon next to their |
| 42 | +You can make someone a spectator by clicking the '-' icon next to their |
55 | 43 | name. |
56 | 44 |
|
57 | 45 |  |
0 commit comments