Codice

Ogni app è vero codice React, e Code, accanto a Preview in alto nell’editor, lo mostra tutto. Non devi mai aprirlo. C’è per quando vuoi vedere come è fatta una cosa, indicarla o cambiarla tu stesso.

L’Explorer

A sinistra:

• Search code trova una parola in tutti i file.
• Open editors sono i file che hai aperto, come schede.
• Files è l’intera app: App.js, le schermate e i componenti in components, e i dati in lib.
• Images sono le immagini che l’app usa, con il loro numero. Cliccane una per vederla in grande: con Draw ci disegni segni rossi sopra per indicare qualcosa, e Add to chat la invia con il tuo prossimo messaggio.

Il pulsante in alto a sinistra nell’editor nasconde l’Explorer, per avere più spazio.

Indica il codice alla chat

Non devi descrivere dove si trova qualcosa.

• Reference file, sopra il codice, allega l’intero file al tuo prossimo messaggio nella chat.
• Il + a sinistra di una riga allega quella riga. Seleziona più righe per allegarle tutte.

Poi basta una richiesta breve: “questo fa la cosa sbagliata quando la lista è vuota”.

Trova la riga di un elemento

Split view, i due riquadri in alto a destra, mostra l’anteprima accanto al codice. C’è finché Code è aperto, su un computer; un telefono ha spazio per un solo riquadro alla volta. Aprirla restringe la chat per fare spazio, e la chat torna alla larghezza di prima quando la chiudi, così puoi ancora fare domande su ciò che stai leggendo.

Una volta attiva Split view, accanto compare un pulsante puntatore (Click an element to find it in the code). Attivalo e cliccare nell’anteprima non fa più quello che farebbe l’app: apre il file che crea l’elemento, alla sua riga. Disattivalo per usare di nuovo l’anteprima normalmente. È la via più rapida da “quel titolo” al codice che c’è dietro, e la riga si può allegare al tuo prossimo messaggio con il + alla sua sinistra.

Modifica a mano

Con un piano a pagamento il codice è tuo da cambiare: scrivici dentro, e Auto-save on, nella barra in basso, significa che viene salvato mentre lavori. L’anteprima segue. Copy code copia il file che stai guardando.

Con il piano gratuito il codice si può leggere, cercare e indicare, ma non modificare né copiare. Upgrade to edit, nella stessa barra, lo dice.