1 00:00:02,380 --> 00:00:03,300 Czym 2 00:00:03,310 --> 00:00:04,660 jest React Native? 3 00:00:04,660 --> 00:00:06,520 Zacznijmy od części React, znanej również 4 00:00:06,520 --> 00:00:08,190 jako React. 5 00:00:08,200 --> 00:00:13,260 js, która jest nazwą tej biblioteki i spodziewam się, że wiesz, co React. js jest. 6 00:00:13,360 --> 00:00:15,570 Nie musisz być ekspertem w React. js, ale 7 00:00:15,580 --> 00:00:18,290 powinieneś wiedzieć, co reaguje. js jest. 8 00:00:18,310 --> 00:00:22,450 Niemniej jednak krótko podsumujmy, co to jest, abyśmy byli na tej samej stronie. 9 00:00:22,480 --> 00:00:25,910 Jest to biblioteka JavaScript do tworzenia interfejsów 10 00:00:25,930 --> 00:00:27,400 użytkownika, to 11 00:00:27,400 --> 00:00:35,560 oficjalna definicja, czyli to, co ostatecznie robi React. Działa na JavaScript i jest dobry w budowaniu interfejsów użytkownika. 12 00:00:35,560 --> 00:00:41,420 Zazwyczaj używamy React do tworzenia aplikacji internetowych do tworzenia aplikacji internetowych, ale ważne jest, aby zrozumieć, 13 00:00:41,430 --> 00:00:42,880 że sam React, biblioteka 14 00:00:42,880 --> 00:00:49,360 nie przyjmuje żadnych założeń na temat tego, co budujemy, ponieważ jest to inna biblioteka, z której będziesz również 15 00:00:49,360 --> 00:00:54,970 korzystać, gdy będziesz budowanie aplikacji internetowych za pomocą React, która jest odpowiedzialna za renderowanie czegoś 16 00:00:54,970 --> 00:00:56,260 na ekranie 17 00:00:56,260 --> 00:00:58,470 i to jest biblioteka React DOM. 18 00:00:58,570 --> 00:01:04,660 Teraz w każdym projekcie React for web, nad którym pracujesz, będziesz dzwonić do ReactDOM. wyrenderuj w pewnym momencie i przekaż aplikacji 19 00:01:04,660 --> 00:01:11,070 React tę metodę, aby faktycznie wyrenderować coś na ekranie, a to biblioteka, która wie o Internecie 20 00:01:11,170 --> 00:01:18,310 i wie, jak renderować elementy HTML i tak dalej. Sam React jest niezależny od platformy, to 21 00:01:18,310 --> 00:01:21,130 po prostu biblioteka, która 22 00:01:21,220 --> 00:01:27,850 jest dobra w budowaniu drzew komponentów, sprawdzaniu, czy coś się zmieniło, jeśli coś 23 00:01:28,120 --> 00:01:33,010 trzeba ponownie renderować, zarządzaniu stanem, przekazywaniu danych, ale robi 24 00:01:33,100 --> 00:01:38,890 to w sposób abstrakcyjny dlatego możesz używać React na dowolnej platformie. 25 00:01:38,890 --> 00:01:42,490 Nie jesteś ograniczony do przeglądarki, HTML, internetu, 26 00:01:42,610 --> 00:01:50,020 możesz użyć logiki, którą daje React gdziekolwiek, to część React DOM, która wie, jak pracować z 27 00:01:50,100 --> 00:01:55,420 HTML i tak dalej, i jest to bardzo ważne, aby zrozumieć, 28 00:01:55,420 --> 00:02:02,890 ponieważ to ważne, gdy myślimy o React Native. React Native to osobna biblioteka, która ostatecznie jest 29 00:02:02,890 --> 00:02:08,530 zbiorem specjalnych składników React, które ci daje, więc zbiór składników, których możesz używać w 30 00:02:08,560 --> 00:02:15,370 aplikacji React, a te składniki są wyjątkowe, ponieważ React Native naprawdę wie, jak je tłumaczyć, jak skompiluj 31 00:02:15,610 --> 00:02:23,410 te komponenty do natywnych widżetów dla iOS i Androida. Tak więc React Native przypomina React DOM, wie, jak rozmawiać 32 00:02:23,410 --> 00:02:30,490 z platformą natywną, Androidem i iOS, a także jak renderować natywne widżety i daje ci kilka takich widżetów jako składników 33 00:02:30,490 --> 00:02:36,820 React, dzięki czemu możesz zbudować interfejs użytkownika z te kompilowalne komponenty, że tak powiem, ponieważ nie będziesz 34 00:02:36,820 --> 00:02:43,690 mógł używać swoich zwykłych znaczników div i h1 i akapitu w aplikacjach React Native, ponieważ nie ma bezpośrednich odpowiedników 35 00:02:43,690 --> 00:02:49,620 w natywnym kodzie, ale wrócę do tego. Teraz oprócz dostarczenia tych komponentów React 36 00:02:49,630 --> 00:02:55,330 Native to coś więcej, daje również dostęp do niektórych interfejsów API platformy natywnej, 37 00:02:55,330 --> 00:02:59,740 na przykład pomaga w korzystaniu z kamery urządzenia, więc takie 38 00:02:59,800 --> 00:03:05,680 rzeczy, typowe zadania, które chciałbyś wykonać w aplikacje natywne i ogólnie React Native zapewnia 39 00:03:05,680 --> 00:03:11,560 narzędzia do łączenia kodu JavaScript z natywnym kodem platformy, ponieważ zazwyczaj buduje się aplikację 40 00:03:11,560 --> 00:03:17,890 React Native, głównie pisząc kod JavaScript lub, w zależności od tworzonej aplikacji, całkowicie pisząc kod 41 00:03:17,890 --> 00:03:18,490 JavaScript. 42 00:03:18,520 --> 00:03:25,600 Teraz mówię głównie, przynajmniej jest to możliwe, ponieważ możesz także napisać kod natywny dla systemu iOS lub Android, a 43 00:03:25,840 --> 00:03:30,670 React Native zapewnia narzędzia do łączenia kodu JavaScript z tym rodzimym 44 00:03:30,670 --> 00:03:36,310 kodem, chociaż jest to nieco bardziej zaawansowane i w wielu aplikacjach nigdy tego nie będzie 45 00:03:36,310 --> 00:03:42,460 potrzebować, dlatego React Native zapewnia pełną elastyczność, daje możliwość podłączenia JavaScript do kodu natywnego, a także 46 00:03:42,460 --> 00:03:48,090 zapewnia wiele wstępnie wbudowanych funkcji natywnych, które są wygodnie dostępne z wnętrza kodu JavaScript. 47 00:03:48,280 --> 00:03:54,550 Jeśli więc połączysz React Native z funkcjami, które daje Ci React. js, który wie, jak zaktualizować interfejs użytkownika i 48 00:03:54,910 --> 00:04:00,700 jak kontrolować interfejs użytkownika, wtedy dostajesz wszystko, czego potrzebujesz, aby skompilować prawdziwą natywną aplikację mobilną, 49 00:04:00,700 --> 00:04:06,730 i to również daje React Native, daje ci wszystko, czego potrzebujesz, aby następnie wziąć JavaScript 50 00:04:06,730 --> 00:04:12,780 zakoduj i skompiluj to do prawdziwej natywnej aplikacji mobilnej, którą następnie możesz wysłać do App 51 00:04:12,780 --> 00:04:16,760 Store na iOS lub Google Play Store na Androida, aby 52 00:04:16,870 --> 00:04:19,840 ostatecznie otrzymać prawdziwą natywną aplikację mobilną.