Kod

Każda aplikacja to prawdziwy kod React, a zakładka Code, obok Preview u góry edytora, pokazuje go w całości. Nigdy nie musisz go otwierać. Jest po to, gdy chcesz zobaczyć, jak coś jest zrobione, wskazać to albo zmienić samodzielnie.

Explorer

Po lewej stronie:

• Search code znajduje słowo w każdym pliku.
• Open editors to pliki, które masz otwarte, jako karty.
• Files to cała aplikacja: App.js, ekrany i części w components oraz dane w lib.
• Images to obrazy, których używa aplikacja, razem z ich liczbą. Kliknij jeden, żeby zobaczyć go w dużym rozmiarze: Draw zaznacza na nim coś na czerwono, żeby na coś wskazać, a Add to chat wysyła go z twoją następną wiadomością.

Przycisk w lewym górnym rogu edytora ukrywa Explorer, żeby zrobić więcej miejsca.

Wskaż czatowi kod

Nie musisz opisywać, gdzie coś się znajduje.

• Reference file nad kodem dołącza cały plik do twojej następnej wiadomości na czacie.
• + po lewej stronie linii dołącza tę linię. Zaznacz kilka linii, żeby dołączyć je wszystkie.

Wtedy wystarczy krótka prośba: „to działa źle, gdy lista jest pusta”.

Znajdź linię elementu

Split view, czyli dwa panele w prawym górnym rogu, pokazuje podgląd obok kodu. Jest dostępny, gdy otwarty jest Code, na komputerze; telefon ma miejsce tylko na jeden panel naraz. Po jego otwarciu czat się zwęża, żeby zrobić miejsce, a po zamknięciu wraca do dawnej szerokości, więc nadal możesz pytać o to, co czytasz.

Gdy Split view jest włączony, obok niego pojawia się przycisk ze wskaźnikiem (Click an element to find it in the code). Włącz go, a kliknięcie w podglądzie nie robi już tego, co zrobiłaby aplikacja: otwiera plik, który tworzy dany element, w jego linii. Wyłącz go, żeby znów normalnie korzystać z podglądu. To najszybsza droga od „tego nagłówka” do kodu, który za nim stoi, a linię możesz dołączyć do następnej wiadomości za pomocą + po jej lewej stronie.

Edytuj ręcznie

W płatnym planie kod jest twój do zmiany: pisz w nim, a Auto-save on w pasku na dole oznacza, że zapisuje się na bieżąco. Podgląd podąża za zmianami. Copy code kopiuje plik, który właśnie oglądasz.

W planie Free kod można czytać, przeszukiwać i na niego wskazywać, ale nie można go zmieniać ani kopiować. Mówi o tym Upgrade to edit w tym samym pasku.