Słownik pojęć
Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →
Menu deweloperskie
Menu dostępne w aplikacji podczas pracy z wersjami deweloperskimi, umożliwiające dostęp do różnych działań związanych z rozwojem i debugowaniem aplikacji. Więcej o menu deweloperskim w dokumentacji.
Renderer Fabric
React Native wykonuje ten sam kod frameworka React, co React dla stron internetowych. Jednak zamiast renderować do węzłów DOM (które można uznać za hostowe widoki w przeglądarce), React Native renderuje do ogólnych widoków platformowych (host views). Renderowanie do widoków hosta umożliwia właśnie Renderer Fabric. Fabric pozwala Reactowi komunikować się z każdą platformą i zarządzać jej instancjami widoków hosta. Renderer Fabric istnieje w JavaScript i wykorzystuje interfejsy udostępniane przez kod C++. Więcej o rendererach Reacta w tym artykule.
Platforma hosta
Platforma, w której osadzony jest React Native (np. Android, iOS, macOS, Windows).
Drzewo widoków hosta (i widok hosta)
Reprezentacja drzewiasta widoków na platformie hosta (np. Android, iOS). Na Androidzie widoki hosta to instancje klas takich jak android.view.ViewGroup, android.widget.TextView itp., które są podstawowymi elementami drzewa widoków hosta. Rozmiar i położenie każdego widoku hosta opierają się na LayoutMetrics obliczonych za pomocą Yoga, a styl i zawartość każdego widoku hosta bazują na informacjach z React Shadow Tree.
JavaScript Interfaces (JSI)
Lekkie API do osadzania silnika JavaScript w aplikacji C++. Fabric używa go do komunikacji między rdzeniem Fabric w C++ a Reactem.
Java Native Interface (JNI)
API do pisania natywnych metod Java używane do komunikacji między rdzeniem Fabric w C++ a Androidem napisanym w Javie.
Komponent React
Funkcja lub klasa w JavaScript, która określa sposób tworzenia elementu React. Więcej o komponentach i elementach Reacta w tym artykule.
Komponenty złożone React
Komponenty React z implementacją metody render, która redukuje się do innych komponentów złożonych lub komponentów hosta React.
Komponenty hosta React (lub komponenty hosta)
Komponenty React, których implementacja widoku jest dostarczana przez widok hosta (np. <View>, <Text>). W przypadku stron internetowych, komponenty hosta w ReactDOM to np. <p> i <div>.
Drzewo elementów React (i element React)
Drzewo elementów React jest tworzone przez Reacta w JavaScript i składa się z elementów React. Element React to prosty obiekt JavaScript opisujący, co powinno pojawić się na ekranie. Zawiera propsy, style i elementy potomne. Elementy React istnieją tylko w JavaScript i mogą reprezentować instancje zarówno komponentów złożonych, jak i komponentów hosta. Więcej o komponentach i elementach Reacta w tym artykule.
Framework React Native
React Native umożliwia programistom wykorzystanie paradygmatu programowania React do tworzenia aplikacji na natywne platformy. Zespół React Native koncentruje się na tworzeniu podstawowych API i funkcjonalności, które pasują do najbardziej typowych przypadków użycia przy tworzeniu aplikacji natywnych.
Wdrożenie natywnych aplikacji do produkcji zwykle wymaga zestawu narzędzi i bibliotek, które nie są domyślnie dostarczane z React Native, ale są kluczowe dla publikacji aplikacji. Przykłady takich narzędzi to: wsparcie dla publikacji aplikacji w dedykowanych sklepach czy mechanizmy routingu i nawigacji.
Gdy te narzędzia i biblioteki są zebrane w spójny framework zbudowany na bazie React Native, definiujemy to jako Framework React Native.
Przykładem Open Source Frameworku React Native jest Expo.
React Shadow Tree (i React Shadow Node)
React Shadow Tree tworzony jest przez Fabric Renderer i składa się z węzłów React Shadow Node. React Shadow Node to obiekt reprezentujący komponent hosta Reacta do zamontowania, zawierający propsy pochodzące z JavaScriptu. Przechowuje również informacje o układzie (x, y, szerokość, wysokość). W Fabric obiekty React Shadow Node istnieją w C++. Przed Fabric istniały w stercie środowiska uruchomieniowego mobilnego (np. JVM Androida).
Yoga Tree (i Yoga Node)
Yoga Tree jest używany przez Yoga do obliczania układu dla React Shadow Tree. Każdy React Shadow Node zwykle tworzy Yoga Node, ponieważ React Native wykorzystuje Yoga do obliczeń układu. Nie jest to jednak wymóg ścisły. Fabric może także tworzyć React Shadow Node, które nie używają Yoga; implementacja każdego węzła decyduje o metodzie obliczania układu.