1
00:00:02,230 --> 00:00:07,780
Dlatego w tym module przyjrzeliśmy się wielu ważnym podstawom, które musisz znać

2
00:00:07,780 --> 00:00:13,030
podczas pracy z React Native. Dowiedziałeś się o tych podstawowych komponentach, które

3
00:00:13,120 --> 00:00:15,910
importujesz z React Native i że możesz pracować

4
00:00:15,910 --> 00:00:21,580
tylko z tymi podstawowymi komponentami, możesz budować własne komponenty, ale te komponenty z kolei również muszą być

5
00:00:21,580 --> 00:00:27,640
oparte na tych wbudowanych komponentach podstawowych lub na innych niestandardowe komponenty, które następnie są oparte na tych podstawowych komponentach.

6
00:00:27,850 --> 00:00:32,830
To bardzo ważne, musisz użyć tych podstawowych komponentów i możesz stylizować te kluczowe komponenty za pomocą stylów

7
00:00:32,920 --> 00:00:38,320
wbudowanych lub arkusza stylów, ponieważ robimy to tutaj. Ostatecznie cała stylizacja oczywiście dzieje się

8
00:00:38,320 --> 00:00:42,190
w Javascripcie, ponieważ to wszystko tutaj jest tylko kod

9
00:00:42,190 --> 00:00:46,750
Javascript, jest to obiekt JavaScript w końcu, na który wtedy wskazujemy,

10
00:00:46,990 --> 00:00:51,270
kiedy przypisujemy styl i ogólnie kontrolujesz całą Interfejs użytkownika z Javascriptem.

11
00:00:51,310 --> 00:00:53,590
Ta część tutaj, widok, więc elementy,

12
00:00:53,800 --> 00:00:55,890
które tutaj budujesz, to

13
00:00:55,960 --> 00:00:59,850
część, którą React Native skompiluje do kodu natywnego, ta część

14
00:01:00,190 --> 00:01:03,670
tutaj, twój inny kod JavaScript, który pozostanie kodem JavaScript,

15
00:01:03,670 --> 00:01:07,280
który nie zostanie skompilowany , zamiast tego będzie działał

16
00:01:07,370 --> 00:01:13,300
na tej maszynie wirtualnej, którą pokazałem ci w pierwszej części tego kursu, a następnie porozmawia z

17
00:01:13,300 --> 00:01:20,230
natywnym kodem przez specjalny most skonfigurowany przez React Native. Teraz używaliśmy normalnych funkcji

18
00:01:20,230 --> 00:01:22,030
React.

19
00:01:22,060 --> 00:01:29,770
Używamy rekwizytów do przekazywania danych, używamy tutaj stanu z useState, hakiem useState do

20
00:01:29,770 --> 00:01:35,650
używania tylko składników funkcjonalnych. Mógłbyś przekonwertować to na komponent oparty na klasach,

21
00:01:35,650 --> 00:01:39,440
aby użyć tam stanu set i useState tam, jak zapewne nauczyłeś się

22
00:01:39,520 --> 00:01:43,690
o komponentach opartych na klasach, ale chcę użyć tej bardzo nowoczesnej składni React,

23
00:01:43,870 --> 00:01:47,560
a zatem używam haków React i dzięki temu mam zestaw podstaw.

24
00:01:47,560 --> 00:01:52,420
Oczywiście poza oficjalnymi dokumentami, które zawsze są warte obejrzenia, jeśli chcesz

25
00:01:52,420 --> 00:01:59,650
dowiedzieć się więcej o konkretnym komponencie, zajmiemy się znacznie głębiej tymi komponentami, których używamy tutaj, stylizacją, aw

26
00:01:59,650 --> 00:02:06,460
następnej sekcji będziemy również mieli spojrzenie na to, jak można debugować taką aplikację, zanim zbudujemy inną

27
00:02:06,460 --> 00:02:12,460
aplikację, piękniejszą aplikację, w której zajmujemy się również pytaniami, takimi jak sposób dostosowania aplikacji

28
00:02:12,460 --> 00:02:20,320
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ć

29
00:02:20,620 --> 00:02:25,360
swój styl lub układ do różnych platform, więc iOS na

30
00:02:25,360 --> 00:02:27,370
Androida, na którym pracujesz.