Reaccionar nativo

React Native es un marco de software de interfaz de usuario de código abierto desarrollado por Meta Platforms (anteriormente Facebook Inc.). ^[3] Se utiliza para desarrollar aplicaciones para Android , ^{[4] : ​​§Capítulo 1  [5] [6]} Android TV , ^[7] iOS , ^{[4] : ​​§Capítulo 1  [6]} macOS , ^[8] tvOS , ^[9] Web , ^[10] Windows ^[8] y UWP ^[11] al permitir que los desarrolladores utilicen el marco React junto con las capacidades nativas de la plataforma. ^[12] Se utiliza para desarrollar aplicaciones de Android e iOS en Facebook, Microsoft y Shopify. ^[13] También se utiliza para desarrollar aplicaciones de realidad virtual en Oculus . ^[14]

En 2012, Mark Zuckerberg comentó: "El mayor error que cometimos como empresa fue apostar demasiado por HTML5 en lugar de por el lenguaje nativo". ^{[15] [16]} El uso de HTML5 para la versión móvil de Facebook dio como resultado una aplicación inestable que recuperaba los datos lentamente. ^[17] Prometió que Facebook pronto ofrecería una mejor experiencia móvil.

Dentro de Facebook, Jordan Walke encontró una forma de generar elementos UI para iOS a partir de un hilo JavaScript en segundo plano , que se convirtió en la base para el framework web React . Decidieron organizar un Hackathon interno para perfeccionar este prototipo con el fin de poder construir aplicaciones nativas con esta tecnología. ^[18]

En 2015, después de meses de desarrollo, Facebook lanzó la primera versión de la configuración de JavaScript de React. Durante una charla técnica, ^[19] Christopher Chedeau explicó que Facebook ya estaba usando React Native en producción para su aplicación de grupos y su aplicación de administrador de anuncios. ^[20]

Los principios de funcionamiento de React Native son prácticamente idénticos a los de React, excepto que React Native no manipula el DOM a través del Virtual DOM . ^{[4] : §Capítulo 2} Se ejecuta en un proceso en segundo plano (que interpreta el JavaScript escrito por los desarrolladores) directamente en el dispositivo final y se comunica con la plataforma nativa a través de ^datos serializados sobre un puente asincrónico y por lotes . ^{[21] [22 ]}

Los componentes de React envuelven el código nativo existente e interactúan con las API nativas a través del paradigma de interfaz de usuario declarativa de React y JavaScript . ^[23] TypeScript se usa a menudo en lugar de JavaScript en las aplicaciones React Native modernas debido a su mayor seguridad de tipos. ^[24]

Si bien el estilo de React Native tiene una sintaxis similar a CSS, no utiliza HTML ni CSS . ^{[4] : §Capítulo 5  [25]} En cambio, se utilizan mensajes del hilo de JavaScript para manipular las vistas nativas.

React Native también está disponible para Windows y macOS , y actualmente lo mantiene Microsoft .

Un programa Hola, Mundo en React Native se ve así:

importar { AppRegistry , Texto , Vista , Botón } de 'react-native' ;        
importar React desde 'react' ;   

constante HolaAplicaciónMundial = () => {     
  const [ count , setCount ] = React . useState ( 0 );    

  constante incrementCount = () => {     
    setCount (( prevCount ) => prevCount + 1 );    
  };

  devolver ( 
    < Ver >
      < Texto > Hola mundo !< /Texto> 
      < Texto > { recuento } < / Texto>
      < Botón onPress = { incrementCount } título = "Aumentar recuento" />   
    < /Ver>
  );
};

exportar predeterminado HelloWorldApp ;  

AppRegistry .registerComponent ( ' HolaMundo' , () => HelloWorldApp );   

• React (biblioteca de JavaScript)
• Marco de aplicación web para múltiples teléfonos
• Escritura nativa
• Xamarin
• SDK de titanio
• Apache Córdova
• Flutter (software)
• Qt (programa)
• Nombre en clave uno
• Composer Jetpack

• Eisenman, Bonnie (2016). Aprendiendo React Native . O'Reilly . ISBN 978-1-491-92900-1.