Entonces, ahora que sabemos qué
es React Native, echemos un breve vistazo detrás de escena.
Ahora, como mencioné, con React y React Native, creamos una aplicación y nuestro código generalmente se parece a
esto.
Construimos componentes React normales como lo conoce desde la web con Javascript porque Javascript es el
lenguaje que usamos para construir aplicaciones
React Native, pero allí, utilizamos componentes especiales como ver y texto aquí.
Estos no son sus elementos HTML normales porque los elementos HTML normales no
son compatibles, las plataformas nativas no saben cómo usarlos, por lo tanto, utiliza componentes especiales
que le proporciona React Native para los cuales React Native puede traducirlos a instrucciones las
plataformas nativas sí entienden, así es como funciona esto.
Ahora es importante comprender sus puntos de vista, por lo que los componentes con los que está trabajando, por lo
tanto, se compilan al final en widgets nativos reales, elementos nativos reales, código nativo real. No se compilará su código Javascript donde administra su
lógica de negocios, pero sí sus vistas, y eso, por supuesto, también significa que
normalmente obtiene un gran rendimiento al crear aplicaciones React Native porque el resultado es una
aplicación nativa real donde una gran parte del El código es código nativo real.
Ahora, si echamos un vistazo más de cerca a este componente, es importante comprender que, por
supuesto, puede usar React para crear aplicaciones web, pero que también puede crear aplicaciones nativas para Android e iOS con
código nativo, por lo que sin React Native o que puede usar React Native, por lo que estas son
cuatro formas diferentes de crear aplicaciones donde, por supuesto, React para la web no nos dará una aplicación nativa,
sino solo para comparar cómo se relacionaría esto.
Entonces, si está utilizando React para la web, normalmente trabaja con, digamos, un div para estructurar su contenido.
Si trabajara directamente con Android, para
construir su aplicación en Android Studio sin React Native en absoluto, trabajaría con una vista de Android, por
ejemplo, ese sería un widget que puede usar allí en la interfaz de usuario que está construyendo
directamente con las características de la plataforma nativa para estructurar su contenido. En iOS, ese sería el widget de vista de la interfaz de usuario
y no necesita memorizar estos
términos, solo quiero explicar cómo React Native traduce las cosas por usted porque en las aplicaciones React
Native, realmente usa el elemento de vista.
Ahora, si echas un vistazo a ese elemento de vista, por supuesto ves que es
muy similar al elemento div,
parece una etiqueta HTML, la diferencia, por supuesto, es que comienza con un carácter en mayúscula y esa vista no
es una etiqueta HTML , el navegador no sabría qué hacer con una vista, pero React Native sí y
React Native traducirá esa vista a la vista de Android o a la vista de la interfaz de usuario para usted y, por supuesto,
lo hace no solo para este componente de envoltura general sino por ejemplo, si está obteniendo la entrada del usuario, en la
web lo haría con el elemento de entrada, si creara una aplicación nativa de Android, usaría editar
texto, para una aplicación nativa de iOS, usaría el campo de texto de la interfaz de usuario y en
React Native, está el componente de entrada de texto, nuevamente React Native compila eso en los widgets nativos para usted y
así es como React Native funciona detrás de escena. Por supuesto, no nos importa la web en este
curso aquí, solo para que entiendas que hay algunas similitudes, usamos estas etiquetas que se parecen a las etiquetas HTML, pero por
supuesto, la diferencia importante es que estos son componentes especiales compilados al código nativo. Ahora, como ya mencioné, es importante entender que para
la interfaz de usuario, React Native le ofrece componentes especiales que luego se compilan para uso
nativo, para su otra lógica,
por lo que si está utilizando Redux o si tiene alguna lógica comercial, usted '
al enviar solicitudes HTTP, está transformando datos, todos los demás códigos Javascript no se compilan en código nativo, sino que se ejecutan
en un hilo especial alojado por React Native. Así que puedes imaginar tu aplicación React Native que
obtienes al final como una aplicación nativa real porque es una, donde todas las vistas se han
compilado en widgets nativos pero donde hay una mini aplicación adicional dentro de tu aplicación, un mini Javascript aplicación que se ejecuta allí,
alojada e iniciada por React Native, por así decirlo, que ejecuta todo su código Javascript y su código Javascript puede comunicarse con
la plataforma nativa.
Puede visualizar esto de esta manera, tiene su código, su aplicación y crea una aplicación nativa que se
ejecuta en una plataforma nativa y, por supuesto, tiene ciertas funciones de plataforma disponibles, como por
ejemplo, usar la cámara del dispositivo.
Ahora, como ya se mencionó, su código se puede dividir en dos cosas aquí: sus puntos de vista y
su lógica comercial, por lo que el otro código Javascript. Ahora, como ya se mencionó varias veces, sus
vistas se compilan en vistas nativas, en widgets nativos para estas plataformas y su código, sin embargo, se mantiene como código Javascript y puede aprovechar las
funciones de la plataforma nativa como la cámara porque su código Javascript se ejecuta en un virtual especial la máquina al
final, desarrollada y alojada por React Native dentro de su aplicación, por lo que la parte
correcta aquí está dentro de nuestra aplicación nativa que enviamos a las tiendas de aplicaciones y ese código Javascript, esta
máquina virtual Javascript, sabe cómo hablar a las características de la plataforma nativa, por lo que al
sistema operativo su aplicación se está ejecutando al final a través de un
puente especial que podría decir y ese puente y esa máquina virtual, todo eso es proporcionado automáticamente por React Native.
No tiene que preocuparse
por esto, todo lo que hace es escribir su aplicación React Native con Javascript y con estos componentes especiales y eso es todo lo que necesita
saber por ahora, así es como
funciona una aplicación React Native detrás de escena y yo es importante estar al tanto de esto porque le quita parte de la
magia en un sentido positivo porque comprende lo que realmente está escribiendo y lo que sucederá con su código y cómo
este código termina en una aplicación nativa y, por supuesto, también entiendes que tienes
una aplicación nativa real, por lo tanto, al final. No todo el código está compilado, eso sería
bastante imposible, pero
sus vistas están compiladas y, por supuesto, las vistas, por lo que la parte que ve el usuario, es
la parte más importante cuando se trata del rendimiento de una aplicación porque vuelve a representar la interfaz de
usuario y todo eso, esa es típicamente
la parte intensiva en rendimiento y, por lo tanto, es muy bueno que esto esté compilado y
esa es una de las grandes fortalezas de React Native.