Dlatego w tym module przyjrzeliśmy się wielu ważnym podstawom, które musisz znać
podczas pracy z React Native. Dowiedziałeś się o tych podstawowych komponentach, które
importujesz z React Native i że możesz pracować
tylko z tymi podstawowymi komponentami, możesz budować własne komponenty, ale te komponenty z kolei również muszą być
oparte na tych wbudowanych komponentach podstawowych lub na innych niestandardowe komponenty, które następnie są oparte na tych podstawowych komponentach.
To bardzo ważne, musisz użyć tych podstawowych komponentów i możesz stylizować te kluczowe komponenty za pomocą stylów
wbudowanych lub arkusza stylów, ponieważ robimy to tutaj. Ostatecznie cała stylizacja oczywiście dzieje się
w Javascripcie, ponieważ to wszystko tutaj jest tylko kod
Javascript, jest to obiekt JavaScript w końcu, na który wtedy wskazujemy,
kiedy przypisujemy styl i ogólnie kontrolujesz całą Interfejs użytkownika z Javascriptem.
Ta część tutaj, widok, więc elementy,
które tutaj budujesz, to
część, którą React Native skompiluje do kodu natywnego, ta część
tutaj, twój inny kod JavaScript, który pozostanie kodem JavaScript,
który nie zostanie skompilowany , zamiast tego będzie działał
na tej maszynie wirtualnej, którą pokazałem ci w pierwszej części tego kursu, a następnie porozmawia z
natywnym kodem przez specjalny most skonfigurowany przez React Native. Teraz używaliśmy normalnych funkcji
React.
Używamy rekwizytów do przekazywania danych, używamy tutaj stanu z useState, hakiem useState do
używania tylko składników funkcjonalnych. Mógłbyś przekonwertować to na komponent oparty na klasach,
aby użyć tam stanu set i useState tam, jak zapewne nauczyłeś się
o komponentach opartych na klasach, ale chcę użyć tej bardzo nowoczesnej składni React,
a zatem używam haków React i dzięki temu mam zestaw podstaw.
Oczywiście poza oficjalnymi dokumentami, które zawsze są warte obejrzenia, jeśli chcesz
dowiedzieć się więcej o konkretnym komponencie, zajmiemy się znacznie głębiej tymi komponentami, których używamy tutaj, stylizacją, aw
następnej sekcji będziemy również mieli spojrzenie na to, jak można debugować taką aplikację, zanim zbudujemy inną
aplikację, piękniejszą aplikację, w której zajmujemy się również pytaniami, takimi jak sposób dostosowania aplikacji
do różnych rozmiarów urządzenia, sposób stylizowania widżetów, komponenty w nieco ładniejszy sposób, a także w jaki sposób możesz dostosować
swój styl lub układ do różnych platform, więc iOS na
Androida, na którym pracujesz.