Glosario
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Menú de Desarrollo
El menú de desarrollo integrado en la aplicación (disponible en compilaciones de desarrollo) que ofrece acceso a diversas acciones de desarrollo y depuración. Más información sobre el Menú de Desarrollo en la documentación.
Fabric Renderer
React Native ejecuta el mismo código del framework React que React para web. Sin embargo, React Native renderiza en vistas de plataforma generales (host views) en lugar de nodos DOM (que pueden considerarse las host views de la web). La renderización en host views es posible gracias al Fabric Renderer. Fabric permite que React se comunique con cada plataforma y gestione sus instancias de host view. El Fabric Renderer existe en JavaScript y utiliza interfaces proporcionadas por código C++. Más información sobre los renderizadores de React en esta publicación de blog.
Plataforma Host
La plataforma que aloja React Native (por ejemplo, Android, iOS, macOS, Windows).
Árbol de Vistas del Host (y Vista del Host)
Representación en árbol de las vistas en la plataforma host (ej. Android, iOS). En Android, las host views son instancias de android.view.ViewGroup, android.widget.TextView, etc., que constituyen los bloques básicos del árbol de vistas del host. El tamaño y ubicación de cada host view se basan en LayoutMetrics calculados con Yoga, mientras que el estilo y contenido de cada host view se derivan de información del React Shadow Tree.
JavaScript Interfaces (JSI)
API ligera para integrar un motor JavaScript en aplicaciones C++. Fabric la utiliza para comunicar su núcleo C++ con React.
Java Native Interface (JNI)
Una API para escribir métodos nativos de Java utilizada para comunicar el núcleo C++ de Fabric con Android, escrita en Java.
Componente de React
Función o clase JavaScript que define cómo crear un Elemento de React. Más información sobre componentes y elementos de React en esta publicación de blog.
Componentes Compuestos de React
Componentes de React con implementaciones de render que se reducen a otros Componentes Compuestos de React o Componentes de Host de React.
Componentes de Host de React o Componentes de Host
Componentes de React cuya implementación visual la proporciona una host view (ej. <View>, <Text>). En web, los componentes de host de ReactDOM serían elementos como <p> y <div>.
Árbol de Elementos de React (y Elemento de React)
Un Árbol de Elementos de React es creado por React en JavaScript y consta de Elementos de React. Un Elemento de React es un objeto JavaScript simple que describe lo que debe aparecer en pantalla. Incluye props, estilos e hijos. Los Elementos de React solo existen en JavaScript y pueden representar instancias de Componentes Compuestos de React o Componentes de Host de React. Más información sobre componentes y elementos de React en esta publicación de blog.
Framework de React Native
React Native permite a los desarrolladores usar el paradigma de programación React para implementar aplicaciones en objetivos nativos. El equipo de React Native se enfoca en crear APIs principales y funcionalidades que cubran el caso de uso más general al desarrollar aplicaciones nativas.
Implementar aplicaciones nativas en producción generalmente requiere herramientas y bibliotecas que no vienen por defecto con React Native, pero que son cruciales para publicar una aplicación. Ejemplos incluyen: soporte para publicar en tiendas dedicadas o mecanismos de enrutamiento y navegación.
Cuando estas herramientas y bibliotecas se integran para formar un framework cohesivo construido sobre React Native, lo definimos como un Framework de React Native.
Un ejemplo de Framework React Native de código abierto es Expo.
Árbol de sombra de React (y Nodo de sombra de React)
Un Árbol de sombra de React es creado por el Renderizador Fabric y consta de Nodos de sombra de React. Un Nodo de sombra de React es un objeto que representa un Componente host de React que se montará, y contiene propiedades que se originan en JavaScript. También contienen información de diseño (x, y, ancho, alto). En Fabric, los objetos Nodo de sombra de React existen en C++. Antes de Fabric, existían en el montón de tiempo de ejecución móvil (por ejemplo, JVM de Android).
Árbol de Yoga (y Nodo de Yoga)
El Árbol de Yoga es utilizado por Yoga para calcular la información de diseño de un Árbol de sombra de React. Cada Nodo de sombra de React típicamente crea un Nodo de Yoga porque React Native emplea Yoga para calcular el diseño. Sin embargo, esto no es un requisito estricto. Fabric también puede crear Nodos de sombra de React que no usan Yoga; la implementación de cada Nodo de sombra de React determina cómo calcular el diseño.