Code

Chaque application est du vrai code React, et Code, à côté de Preview en haut de l’éditeur, vous le montre en entier. Vous n’avez jamais besoin de l’ouvrir. Il est là pour les moments où vous voulez voir comment quelque chose est fait, le désigner ou le changer vous-même.

L’Explorer

À gauche :

• Search code trouve un mot dans tous les fichiers.
• Open editors sont les fichiers que vous avez ouverts, sous forme d’onglets.
• Files est toute l’application : App.js, les écrans et les composants dans components, et les données dans lib.
• Images sont les images qu’utilise l’application, avec leur nombre. Cliquez sur l’une d’elles pour la voir en grand : Draw y trace des marques rouges pour désigner quelque chose, et Add to chat l’envoie avec votre prochain message.

Le bouton en haut à gauche de l’éditeur masque l’Explorer, pour gagner de la place.

Montrer le code au chat

Vous n’avez pas besoin de décrire où se trouve quelque chose.

• Reference file, au-dessus du code, joint le fichier entier à votre prochain message dans le chat.
• Le + à gauche d’une ligne joint cette ligne. Sélectionnez plusieurs lignes pour les joindre toutes.

Ensuite, une demande courte suffit : « ceci ne fait pas ce qu’il faut quand la liste est vide ».

Retrouver la ligne d’un élément

Split view, les deux panneaux en haut à droite, affiche l’aperçu à côté du code. Il est disponible tant que Code est ouvert, sur un ordinateur ; un téléphone n’a la place que pour un panneau à la fois. Son ouverture réduit la largeur du chat pour faire de la place, et le chat retrouve sa largeur d’origine quand vous le fermez, vous pouvez donc toujours poser des questions sur ce que vous lisez.

Une fois Split view activé, un bouton pointeur apparaît à côté (Click an element to find it in the code). Activez-le et un clic dans l’aperçu ne fait plus ce que ferait l’application : il ouvre le fichier qui produit l’élément, à sa ligne. Désactivez-le pour utiliser de nouveau l’aperçu normalement. C’est le chemin le plus rapide pour passer de « ce titre » au code qui se trouve derrière, et la ligne peut être jointe à votre prochain message avec le + à sa gauche.

Modifier à la main

Avec un forfait payant, le code est à vous pour le modifier : tapez dedans, et Auto-save on, dans la barre du bas, signifie qu’il est enregistré au fur et à mesure. L’aperçu suit. Copy code copie le fichier que vous regardez.

Avec le forfait gratuit, le code peut être lu, parcouru et désigné, mais pas modifié ni copié. Upgrade to edit, dans la même barre, l’indique.