JavaScript Editor: React JS TS

Twórz w JavaScript, TypeScript i React na swoim telefonie z Androidem. Prawdziwy edytor kodu z podglądem na żywo, pakietami npm, projektami wieloplikowymi i możliwością umieszczenia swojej pracy w internecie jednym kliknięciem.

JavaScript Editor to mobilne środowisko programistyczne dla web developerów, studentów i osób przygotowujących się do rozmów kwalifikacyjnych. Edytor, konsola i podgląd React działają na Twoim urządzeniu.

CO MOŻESZ ZROBIĆ

• Pisać JavaScript i uruchamiać go z danymi wyjściowymi w konsoli — logi, ostrzeżenia i błędy, inline

• Pisać komponenty React z JSX i oglądać renderowanie na żywo na swoim urządzeniu

• Pisać TypeScript i TSX z typami usuwanymi automatycznie przed uruchomieniem kodu

• Dzielić projekt na wiele plików i folderów i importować między nimi

• Pobierać pakiety npm za pomocą standardowego polecenia import

• Publikować projekt pod linkiem, który można otworzyć w dowolnej przeglądarce i wysłać do dowolnej osoby

• Otwierać i zapisywać pliki .js, .jsx, .ts i .tsx w dowolnym miejscu na swoim urządzeniu

PROJEKTY WIELOPLIKOWE

Prawdziwe aplikacje to nie jeden plik. Dodawaj komponenty i foldery, importuj między nimi za pomocą zwykłych ścieżek względnych i przełączaj pliki z paska kart stworzonego dla ekranu telefonu. Plik wejściowy montuje się automatycznie po kliknięciu przycisku Uruchom.

TYPESCRIPT

Włącz TypeScript i pisz pliki .ts i .tsx z interfejsami, typami generycznymi i typizowanymi właściwościami. Typy są usuwane przed wykonaniem, dzięki czemu kod uruchamia się natychmiast po kliknięciu „Uruchom”.

PAKIETY NPM

Zaimportuj pakiet po nazwie, a zostanie on rozwiązany po uruchomieniu. Bez terminala, instalacji ani pliku konfiguracyjnego. Dodaj bibliotekę interfejsu użytkownika, pomocnika daty lub pakiet animacji i używaj go od razu.

PUBLIKUJ W SIECI

Zmień dowolny projekt w link. Importowanie wielu plików, pakiety npm i TypeScript są zawarte w pakiecie, dokładnie tak, jak działają w aplikacji. Zmień kod i opublikuj go ponownie — link pozostaje ten sam i wyświetla nową wersję. Przewiń stronę w dół, kiedy tylko chcesz.

EDYTOR KODU

Podświetlanie składni, zawijanie wierszy, pasek symboli interpunkcyjnych, którego normalnie byś szukał, pasek skrótów hooków React, funkcja znajdowania i zamieniania oraz cofania historii z prawdziwą głębią. Typografia o stałej szerokości dla małych ekranów, regulowany rozmiar czcionki i szerokość wcięcia oraz zestaw ciemnych motywów edytora.

KONSOLA JAVASCRIPT I DEBUGOWANIE

Uruchom dowolny fragment kodu i odczytaj zawartość konsoli pod edytorem. Poziomy kodowania kolorami dla logów, informacji, ostrzeżeń i błędów, znaczników czasu oraz funkcji czyszczenia jednym dotknięciem. Błędy pojawiają się w miejscu ich wystąpienia, dzięki czemu możesz znaleźć błędny wiersz kodu i go naprawić.

PODGLĄD REACT

Dotknij „Uruchom”, a Twój komponent zostanie zamontowany w panelu podglądu na żywo pod edytorem. Edytuj CSS jednym dotknięciem. Przejdź do trybu pełnoekranowego, aby sprawdzić wynik na całym ekranie.

GALERIA PRZYKŁADÓW

Wyselekcjonowane przykłady JavaScript i React — tablice i iteracje, async i wait, domknięcia, klasy, pobieranie, hooki, stan, listy dynamiczne, formularze i efekty wizualne. Filtruj według JavaScript lub React za pomocą karty.

ZAPISZ, OTWÓRZ I EKSPORTUJ

Zapisz w aplikacji lub na urządzeniu za pomocą okna dialogowego. Otwórz istniejące pliki bezpośrednio z telefonu; rozszerzenie wybierze odpowiedni tryb. Eksportuj projekt jako samodzielny plik HTML, który działa w dowolnej przeglądarce.

DLA KOGO

• Programiści webowi szkicujący komponent z dala od laptopa

• Studenci uczący się JavaScript, TypeScript, React lub DOM

• Osoby przygotowujące się do rozmów kwalifikacyjnych ćwiczące algorytmy w prawdziwym JavaScript

• Samouczki korzystające z samouczków na telefonie

• Każdy, kto chce mieć mobilny plac zabaw JavaScript, który oszczędza czas

DOSTĘPNA JEST AKTUALIZACJA DO WERSJI PRO

Edytor, konsola, podgląd React i galeria przykładów są bezpłatne. Aktualizacja do wersji Pro usuwa reklamy i otwiera dostęp do projektów wieloplikowych, TypeScript, publikowania, motywów edytora, niestandardowych fragmentów kodu, funkcji znajdowania i zamieniania oraz formatowania jednym dotknięciem.

JĘZYKI

Dostępne w 16 językach, w tym angielskim, hiszpańskim, portugalskim, francuskim, niemieckim, rosyjskim, hindi, bengalskim, indonezyjskim, tureckim, urdu, arabskim, somalijskim, chińskim (uproszczonym), japońskim i koreańskim.