¿Qué es la edición colaborativa de código?

La edición colaborativa de código permite que varios desarrolladores trabajen en el mismo código al mismo tiempo, cada uno desde su propio navegador. Es útil para la programación en pareja, las entrevistas, la enseñanza y la depuración conjunta de un fragmento de código, sin tener que configurar un IDE compartido ni intercambiar archivos.

Para que todos tengan una copia idéntica, los cambios se envían como pequeñas ediciones en lugar de archivos completos, y un servidor decide en qué orden se aplican. Las ediciones realizadas al mismo tiempo se ajustan entre sí, de modo que ambas se conserven.

Descripción de la herramienta

Esta herramienta es un editor compartido de JavaScript con resaltado de sintaxis. Ábrelo y comparte el enlace: todos los participantes de la sala editan el mismo código en tiempo real, ven los cursores de los demás y pueden validar o dar formato al código para todos con un solo clic.

La validación comprueba la sintaxis con el analizador de Babel (incluidos los módulos ES y JSX). El formato se aplica con Prettier, y el código formateado solo reemplaza las líneas que cambiaron, de modo que lo que los demás escriban mientras tanto se mantenga en su lugar.

Funciones

  • Edición en tiempo real: los cambios de todos aparecen al instante y se combinan cuando varias personas escriben al mismo tiempo
  • Cursores y selecciones: ve dónde está cada persona, con el color que aparece junto a su nombre
  • Validar: comprueba la sintaxis de JavaScript y muestra el primer error con su línea y columna
  • Dar formato: vuelve a dar formato al código con Prettier para todos los participantes de la sala
  • Copiar y descargar: guarda una copia del código como archivo .js

Cómo funciona

Al abrir la página, se crea una sala en el servidor de sincronización y se coloca el enlace en la barra de direcciones. Todas las personas que abran el enlace se unirán a la misma sala y verán el mismo documento.

Cada cambio se envía al servidor como una pequeña descripción de lo que cambió —qué caracteres se insertaron o eliminaron y dónde— en lugar de enviar todo el texto. El servidor ordena los cambios de todos, desplaza los cambios realizados sobre una versión anterior para situarlos después de los que llegaron primero y envía el resultado a los demás. Lo que escribes aparece de inmediato, y los cambios de los demás se combinan con los tuyos, así que nadie pierde lo que escribió cuando dos personas editan al mismo tiempo.

El documento solo se conserva en la memoria del servidor mientras la sala está abierta. Si vuelves a cargar la página, regresas a la sala con el texto tal como estaba; cuando todos se hayan ido, la sala y su texto desaparecerán.

Limitaciones

  • En una sala pueden participar hasta 20 personas y contener hasta 100.000 caracteres.
  • No se almacena nada después de que se cierra una sala. Descarga el texto antes de que se vaya la última persona.
  • Los cambios demasiado rápidos o demasiado grandes, como pegar todo el documento muchas veces seguidas, se rechazan y el editor vuelve a cargar el texto de la sala.
  • Si abres el enlace de una sala en otro de los editores colaborativos (por ejemplo, una sala de SQL en el editor de JavaScript), aparecerá «Sala no encontrada»: cada sala pertenece a un solo lenguaje.
  • La validación solo comprueba la sintaxis. El código nunca se ejecuta.