Code

Jede App besteht aus echtem React-Code, und Code, neben Preview oben im Editor, zeigt ihn vollständig. Sie müssen ihn nie öffnen. Er ist da, wenn Sie sehen möchten, wie etwas gemacht ist, darauf hinweisen oder es selbst ändern wollen.

Der Explorer

Links:

• Search code findet ein Wort in allen Dateien.
• Open editors sind die Dateien, die Sie geöffnet haben, als Tabs.
• Files ist die ganze App: App.js, die Bildschirme und Teile in components und die Daten in lib.
• Images sind die Bilder, die die App verwendet, mit ihrer Anzahl. Klicken Sie auf eines, um es groß zu sehen: Mit Draw zeichnen Sie rote Markierungen darauf, um auf etwas hinzuweisen, und Add to chat sendet es mit Ihrer nächsten Nachricht.

Die Schaltfläche oben links im Editor blendet den Explorer aus, damit Sie mehr Platz haben.

Den Chat auf den Code hinweisen

Sie müssen nicht beschreiben, wo etwas steht.

• Reference file über dem Code hängt die ganze Datei an Ihre nächste Nachricht im Chat an.
• Das + links neben einer Zeile hängt diese Zeile an. Markieren Sie mehrere Zeilen, um alle anzuhängen.

Danach genügt eine kurze Bitte: „Das macht das Falsche, wenn die Liste leer ist“.

Die Zeile eines Elements finden

Split view, die zwei Bereiche oben rechts, zeigt die Vorschau neben dem Code. Sie steht zur Verfügung, solange Code geöffnet ist, auf einem Computer; ein Telefon hat nur Platz für einen Bereich zugleich. Beim Öffnen wird der Chat schmaler, um Platz zu machen, und beim Schließen erhält er seine alte Breite zurück, sodass Sie weiterhin Fragen zu dem stellen können, was Sie lesen.

Sobald Split view eingeschaltet ist, erscheint daneben eine Zeigerschaltfläche (Click an element to find it in the code). Schalten Sie sie ein, und ein Klick in die Vorschau löst nicht mehr aus, was die App tun würde: Er öffnet die Datei, die das Element erzeugt, an dessen Zeile. Schalten Sie sie aus, um die Vorschau wieder normal zu nutzen. Das ist der schnellste Weg von „dieser Überschrift“ zum Code dahinter, und die Zeile lässt sich mit dem + links daneben an Ihre nächste Nachricht anhängen.

Von Hand ändern

Mit einem kostenpflichtigen Tarif gehört der Code Ihnen: Sie können darin tippen, und Auto-save on in der Leiste am unteren Rand bedeutet, dass er laufend gespeichert wird. Die Vorschau folgt. Copy code kopiert die Datei, die Sie gerade ansehen.

Im kostenlosen Tarif kann der Code gelesen, durchsucht und darauf hingewiesen werden, aber nicht geändert oder kopiert. Upgrade to edit in derselben Leiste weist darauf hin.