Cómo funciona React Native: una guía básica para principiantes

By lmartinez, 25 August, 2021

Empresas como Microsoft, Facebook, Instagram y Tesla han adoptado esta herramienta para desarrollar sus aplicaciones, y por eso, React Native es uno de los frameworks más populares del momento.

 

React Native es una tecnología open source desarrollada por Facebook para crear aplicaciones móviles nativas y multiplataforma a partir de una misma base de código escrita en JavaScript y React.

 

¿Qué significa esto? Que soluciona el típico problema de crear una app, que puede ser ejecutada tanto en Android como en iOs, sin tener dos proyectos separados en dos lenguajes de programación, algo que se ha hecho típico en el desarrollo de apps.

 

React Native te permite crear aplicaciones móviles usando React pero no es el mismo React para la web si no un React enfocado en apps, esto quiere decir que cuando desarrolles, si bien puedes usar muchos conceptos de React como componentes, manejador de estados y demás, ya no estarás utilizando elementos HTML si no, ahora los utilizarás con elementos de interfaces móviles nativas.

 

Es decir, ya no pensarás hacer onClick() en elementos div o span, si no que ahora vas a pensar en hacer onPress en eventos Text o Button, típicos elementos en interfases móviles nativas.

 

¿Cómo funciona React Native?

 

Una aplicación creada en React Native es escrita tanto en JavaScript como en JSX, este último es un lenguaje de mercado basado en XML. El framework puede comunicarse tanto con códigos de JavaScript como con código nativo, esto es posible gracias a una característica llamada Bridge, la cual hace que mientras JavaScript y módulos nativos estén escritos en lenguajes distintos, permite la comunicación bidireccional entre ambas partes.

 

Una de las razones del éxito de React Native es permitirte reutilizar los componentes o códigos de aplicaciones que tengas en Android o iOS. 

 

A diferencia de sus alternativas como Cordova o PhoneGap, React Native no genera apps dentro de un webview ni tampoco convierte el código de JavaScript a código de Java, si no genera apps con JavaScript que pueden comunicarse con componentes nativos en un dispositivo móvil.

 

Todas estas características hacen que te puedas enfocar en escribir una sola vez el código y que este se puede ejecutar en Android o iOS pero sin pagar con el rendimiento de la aplicación. Un ejemplo de esto es cuando se desarrolla en apps híbridas, todo el rendimiento baja cuando la aplicación se vuelve más compleja debido a que corre una aplicación dentro de una aplicación.

 

En el caso de React Native nada de esto sucede ya que la aplicación es enteramente nativa. Este framework es uno de los más populares para la creación de apps y sigue ganando adeptos a nivel mundial. 

 

Content
Title
¡Trabajemos juntos!
Text Alignment
Left
Webform
Margin
With Large margin top
Thumbnail
Imagen
Weight
4
Hero
Title
Cómo funciona React Native: una guía básica para principiantes
Image
Imagen
Machine Learning Development
Text Color
White
Text Alignment
Left
Size
Medium
Overlay effect
Hide overlay effect
Date
Sidebar
Style
Default
Image position
Right
With Background
No
Text Alignment
Center
Premium
No