The platform embedding React Native (e.g., Android, iOS, macOS, Windows).
Host View Tree (and Host View)
Tree representation of views in the host platform (e.g. Android, iOS). On Android, the host views are instances of
android.widget.TextView, etc. which are the building blocks of the host view tree. The size and location of each host view are based on
LayoutMetrics calculated with Yoga, and the style and content of each host view are based on information from the React Shadow Tree.
Java Native Interface (JNI)
An API for to write Java native methods used to communicate between Fabric’s C++ core and Android, written in Java.
React Composite Components
React Components with
render implementations that reduce to other React Composite Components or React Host Components.
React Host Components or Host Components
React Components whose view implementation is provided by a host view (e.g.,
<View>, <Text> ). On the Web, ReactDOM's Host components would be components like
React Element Tree (and React Element)
React Shadow Tree (and React Shadow Node)
Yoga Tree (and Yoga Node)
The Yoga Tree is used by Yoga to calculate layout information for a React Shadow Tree. Each React Shadow Node typically creates a Yoga Node because React Native employs Yoga to calculate layout. However, this is not a hard requirement. Fabric can also create React Shadow Nodes that do not use Yoga; the implementation of each React Shadow Node determines how to calculate layout.