1
00:00:02,170 --> 00:00:05,170
Więc co dokładnie reaguje, J. S.?

2
00:00:05,710 --> 00:00:09,730
Jest to biblioteka JavaScript do tworzenia interfejsów użytkownika.

3
00:00:09,940 --> 00:00:14,380
W związku z tym chodzi o uruchomienie JavaScript w przeglądarce.

4
00:00:14,620 --> 00:00:18,430
Jest to biblioteka JavaScript dla kodu JavaScript po stronie przeglądarki.

5
00:00:18,640 --> 00:00:20,300
To nie jest węzeł J.

6
00:00:20,310 --> 00:00:21,010
Biblioteka S.

7
00:00:21,010 --> 00:00:23,380
To witryna przeglądarki, biblioteka JavaScript.

8
00:00:23,980 --> 00:00:30,700
Mówiąc ściślej, sama React Chance jest nazywana biblioteką, ponieważ jest bardzo skoncentrowana

9
00:00:30,700 --> 00:00:32,410
na interfejsie użytkownika.

10
00:00:32,950 --> 00:00:39,430
Ale tak naprawdę zapoczątkował ogromny ekosystem z pakietami innych firm, które na przykład pomagają nam

11
00:00:39,430 --> 00:00:44,890
w zarządzaniu stanem w całej aplikacji lub w routingu, routingu front-end.

12
00:00:45,190 --> 00:00:47,860
Dlatego też można to nazwać ramą.

13
00:00:47,890 --> 00:00:51,760
Kłóciłbym się, ale są to semantyki, które nie są teraz zbyt ważne.

14
00:00:52,150 --> 00:00:55,570
Zamiast tego zrozummy, jak reaguje i jak go wykorzystujemy.

15
00:00:56,500 --> 00:01:02,970
React pomaga nam budować interfejsy użytkownika wyświetlane w przeglądarce, które działają w przeglądarce, dlatego

16
00:01:02,980 --> 00:01:06,220
używamy go do tworzenia frontonu aplikacji internetowych.

17
00:01:06,310 --> 00:01:12,640
To, co widzi użytkownik, nie reaguje na reakcję serwera, nie komunikuje się z bazami danych.

18
00:01:12,910 --> 00:01:20,050
Używamy go do budowania wysoce reaktywnych nowoczesnych interfejsów użytkownika i robimy to, stosując podejście deklaratywne,

19
00:01:20,080 --> 00:01:27,730
co oznacza, że w reakcji my Robert znajduje wynik, a może różne stany wyniku i pod

20
00:01:27,790 --> 00:01:33,880
jakim stanem chcemy renderować co pokaż, co na ekranie zamiast kroków prowadzących

21
00:01:33,880 --> 00:01:35,290
do wyniku.

22
00:01:35,680 --> 00:01:41,140
Byłoby to imperatywne podejście, które w zasadzie mamy, jeśli używamy waniliowego JavaScript, w którym

23
00:01:41,620 --> 00:01:43,660
musimy zdefiniować każdy krok.

24
00:01:43,960 --> 00:01:47,830
Dodaj ten element, dodaj ten C jest tak blisko elementu.

25
00:01:47,920 --> 00:01:49,420
Usuń ten element.

26
00:01:49,780 --> 00:01:51,700
To właśnie robimy w waniliowym JavaScript.

27
00:01:51,820 --> 00:01:55,180
Może to być bardzo uciążliwe i bardzo złożone interfejsy użytkownika.

28
00:01:55,540 --> 00:02:01,390
Zwykle nie chcemy tego robić, jeśli budujemy większe aplikacje, ponieważ zarządzanie tymi wszystkimi

29
00:02:01,390 --> 00:02:08,020
krokami i koordynowanie ich oraz zapewnianie, że gdy coś się zmieni, wykonujemy właściwe kroki, jest

30
00:02:08,020 --> 00:02:15,160
bardzo podatne na błędy i wymaga dużego wysiłku i pracy rzeczywista logika biznesowa i budowanie ładnych interfejsów

31
00:02:15,160 --> 00:02:22,150
użytkownika, a zamiast tego zmusza nas do poświęcenia dużo pracy na prymitywach JavaScript na wynalezienie koła i

32
00:02:22,150 --> 00:02:23,200
tak dalej.

33
00:02:23,210 --> 00:02:24,340
I nie chcemy tego robić.

34
00:02:24,910 --> 00:02:27,940
Więc reaguj, gdy zamiast tego skupiamy się na wyniku.

35
00:02:28,000 --> 00:02:31,120
Robimy to za pomocą komponentów.

36
00:02:31,270 --> 00:02:34,390
Komponenty to koncepcja wprowadzona przez reakcję.

37
00:02:34,660 --> 00:02:40,150
Zasadniczo są to elementy składowe interfejsu użytkownika, które definiujemy, a dowiesz się, jak to robisz.

38
00:02:40,180 --> 00:02:46,720
W tym module, oczywiście, który definiujemy, a następnie tworzymy interfejs użytkownika z tych komponentów, a

39
00:02:46,750 --> 00:02:52,720
każdy komponent może również zdefiniować, co powinien renderować, w jakich okolicznościach i reagować

40
00:02:52,720 --> 00:02:59,740
wtedy magicznie połączy wszystko za kulisami i wdroży wszystkie te kroki w szarym polu tutaj dla

41
00:03:00,100 --> 00:03:00,610
nas.

42
00:03:00,960 --> 00:03:04,600
Czy więc nie musieliśmy pisać kroków, aby znaleźć wyniki.

43
00:03:05,230 --> 00:03:06,440
To jest reaktywne.

44
00:03:06,480 --> 00:03:07,720
Tak w skrócie.

45
00:03:07,840 --> 00:03:11,400
Zobaczmy teraz, jak to naprawdę działa, gdy piszemy jakiś kod.