Código

Cada aplicación es código React real, y Code, junto a Preview en la parte superior del editor, lo muestra todo. Nunca tienes que abrirlo. Está ahí para cuando quieras ver cómo está hecho algo, señalarlo o cambiarlo tú mismo.

El Explorer

A la izquierda:

• Search code encuentra una palabra en todos los archivos.
• Open editors son los archivos que tienes abiertos, como pestañas.
• Files es toda la aplicación: App.js, las pantallas y las piezas en components, y los datos en lib.
• Images son las imágenes que usa la aplicación, con cuántas hay. Haz clic en una para verla grande: Draw hace marcas en rojo para señalar algo, y Add to chat la envía con tu siguiente mensaje.

El botón de arriba a la izquierda del editor oculta el Explorer, para tener más espacio.

Señala el código al chat

No tienes que describir dónde está algo.

• Reference file, encima del código, adjunta el archivo entero a tu siguiente mensaje en el chat.
• El + a la izquierda de una línea adjunta esa línea. Selecciona varias líneas para adjuntarlas todas.

Después basta con una petición breve: «esto hace algo mal cuando la lista está vacía».

Encuentra la línea de un elemento

Split view, los dos paneles de arriba a la derecha, muestra la vista previa junto al código. Está disponible mientras Code está abierto, en un ordenador; un teléfono tiene espacio para un solo panel a la vez. Al abrirlo, el chat se estrecha para dejar sitio, y vuelve a su ancho anterior cuando lo cierras, así que todavía puedes preguntar sobre lo que estás leyendo.

Cuando Split view está activado, aparece un botón de puntero a su lado (Click an element to find it in the code). Actívalo y, al hacer clic en la vista previa, ya no ocurre lo que haría la aplicación: se abre el archivo que crea el elemento, en su línea. Desactívalo para volver a usar la vista previa con normalidad. Es el camino más rápido de «ese titular» al código que hay detrás, y la línea se puede adjuntar a tu siguiente mensaje con el + que tiene a la izquierda.

Edita a mano

En un plan de pago el código es tuyo para cambiarlo: escribe en él, y Auto-save on, en la barra de abajo, significa que se guarda mientras trabajas. La vista previa lo sigue. Copy code copia el archivo que estás viendo.

En el plan gratuito el código se puede leer, buscar y señalar, pero no cambiar ni copiar. Upgrade to edit, en la misma barra, lo indica.