React Native: Learn & Practice

Code Play

Zawiera reklamy

Informacje o aplikacji

Poznaj React Native dzięki krótkim objaśnieniom, praktycznym przykładom kodu i małym wyzwaniom. Zapoznaj się ze 148 lekcjami w 10 modułach, otwórz przykład w strefie programowania i zmodyfikuj go, aby zrozumieć, jak działa interfejs.

Przejrzysta ścieżka od podstaw do praktyki
Zacznij od tekstu, widoków, zmiennych, komponentów, obrazów i stylów. Kontynuuj naukę układów Flexbox, formularzy, wprowadzania tekstu, przycisków, interakcji dotykowych, przewijania i list. Kolejne moduły wprowadzają hooki, komponenty wielokrotnego użytku, zarządzanie stanem, koncepcje wydajności, responsywne układy i projekty praktyczne.

Przeczytaj pomysł przed edycją
Każda lekcja zawiera cel, prosty opis, kluczowe idee, kod, praktyczne wskazówki, małe wyzwanie i pytania do samooceny. Zapoznaj się z przykładem wraz z jego wyjaśnieniem, a następnie otwórz wersję edytowalną, gdy będziesz gotowy do eksperymentowania. Etykiety dla początkujących, średnio zaawansowanych i praktyk pomogą Ci zrozumieć, gdzie każdy temat znajduje się w kursie.

Wypróbuj własne zmiany
Użyj wbudowanego edytora JavaScript i JSX, aby dostosować tekst, wartości, style i zachowanie komponentów. Podświetlanie składni i numerowanie wierszy ułatwiają zrozumienie przykładów. Cofanie i ponawianie ułatwiają przeglądanie zmian, a resetowanie kodu przywraca przykład początkowy. Stuknij „Uruchom aplikację”, aby otworzyć podgląd w aplikacji, a następnie wróć do edycji i spróbuj ponownie.

Odkryj przydatne wzorce
Badaj kontrolowane wprowadzanie danych, walidację formularzy, widoczność haseł, liczniki znaków, filtrowanie list, elementy do wyboru i puste stany. Ćwicz z licznikami, timerami, zegarem na żywo, konwerterem temperatury, kalkulatorem napiwków, kartami, akordeonem, prostymi kartami i mini listą zadań. To przykłady edukacyjne, które pozwolą Ci zbadać, jak małe elementy interfejsu do siebie pasują.

Znajdź potrzebną lekcję
Wyszukaj tytuły lekcji lub zawęź bibliotekę według modułu. Przełączaj się między wszystkimi lekcjami, lekcjami w toku, zapisanymi ulubionymi i lekcjami zakończonymi. Użyj przycisków Poprzednia i Następna lub przesuwaj palcem między lekcjami. Po otwarciu lekcji z biblioteki filtrowanej nawigacja podąża za tym wyborem, dzięki czemu możesz pozostać przy wybranych tematach.

Śledź swoją naukę
Dodaj lekcje do zakładek, aby je przejrzeć i oznacz je jako ukończone, gdy będziesz gotowy. Ekran główny pokazuje postęp kursu, liczbę ukończonych i zapisanych lekcji oraz serię nauki. Wznów ostatnią lekcję lub przejdź do następnego niedokończonego tematu. Postępy i zakładki są przechowywane lokalnie na Twoim urządzeniu.

Powrót do eksperymentów
Uruchomienie przykładu zapisuje jego kod jako lokalny szkic dla tej lekcji. Otwórz ponownie plac zabaw, aby przywrócić szkic, lub zresetuj go, aby powrócić do oryginalnego kodu. Ułatwia to powrót do pomysłu po przerwie bez konieczności zapisywania materiału początkowego.

Wybierz wygodny wygląd
Wybierz tryb jasny, tryb ciemny lub motyw systemowy dla interfejsu edukacyjnego. Przeczytaj koncepcję, przeanalizuj jej kod, wprowadź jedną, ukierunkowaną zmianę i wykorzystaj wyzwanie, aby przećwiczyć jej zastosowanie.

Przeznaczone dla studentów, początkujących zainteresowanych kodowaniem oraz programistów omawiających koncepcje interfejsu mobilnego. Przykłady działają w podglądzie internetowym; Interfejsy API i zachowanie specyficzne dla danej platformy mogą różnić się od aplikacji natywnej. Aplikacja zawiera reklamy. Niezależna aplikacja edukacyjna; nie jest powiązana z projektem React Native ani przez niego wspierana.