stringtranslate.com

Reaccionar nativo

React Native es un marco de software de interfaz de usuario de código abierto creado por Meta Platforms, 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 a los desarrolladores utilizar el marco React junto con las capacidades de la plataforma nativa. [12] Se utiliza para desarrollar aplicaciones de Android e iOS en Facebook, Microsoft y Shopify. [13] También se está utilizando para desarrollar aplicaciones de realidad virtual en Oculus . [14]

Historia

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

Dentro de Facebook, Jordan Walke encontró una manera de generar elementos de interfaz de usuario para iOS a partir de un hilo de JavaScript en segundo plano , que se convirtió en la base del marco web React . Decidieron organizar un Hackathon interno para perfeccionar este prototipo y poder construir aplicaciones nativas con esta tecnología. [18]

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

Implementación

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 DOM virtual . [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 [4] : §Capítulo 2  a través de datos serializados de forma asincrónica y por lotes puente. [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 . TypeScript se usa a menudo sobre JavaScript en aplicaciones React Native modernas debido a su mayor seguridad de tipos. [23]

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

React Native también está disponible para Windows y macOS , que actualmente es mantenido por Microsoft .

Hola mundo ejemplo

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

importar { AppRegistry , Texto , Ver , Botón } desde 'react-native' ;        importar Reaccionar desde 'reaccionar' ;   const HolaMundoApp = () => {      const [ cuenta , setCount ] = Reaccionar . utilizar Estado ( 0 );     const incrementoCount = () => {      setCount (( prevCount ) => prevCount + 1 );     }; devolver (  < Ver > < Texto > ¡Hola mundo ! < /Texto>  <Texto> { cuenta } </Texto>​​​ < Botón onPress = { incrementCount } título = "Aumentar recuento" />    < /Ver> );};exportar HelloWorldApp predeterminada ;  Registro de aplicaciones . RegisterComponent ( 'HolaMundo' , () => HolaMundoApp );

Ver también

Citas

  1. ^ "React Native: llevar técnicas web modernas a dispositivos móviles". 26 de marzo de 2015.
  2. ^ "Versión 0.73.6". 11 de marzo de 2024 . Consultado el 25 de marzo de 2024 .
  3. ^ "Capítulo 1. ¿Qué es React Native?". oreilly.com . O'Reilly Media, Inc. Consultado el 30 de julio de 2020 .
  4. ^ ABCDE Eisenman 2016.
  5. ^ "Lanzamiento de Android para React Native". 14 de septiembre de 2015.
  6. ^ ab Shankland, Stephen (29 de marzo de 2018). "La medida radical de código abierto de Mozilla ayudó a reescribir las reglas de la tecnología". CNET . Consultado el 11 de mayo de 2022 .
  7. ^ "Construcción para dispositivos de TV · React Native". reactivanative.dev . Consultado el 2 de octubre de 2020 .
  8. ^ ab "React Native para Windows + macOS · Cree aplicaciones nativas de Windows y macOS con Javascript y React". microsoft.github.io . Consultado el 2 de octubre de 2020 .
  9. ^ "Reaccionar nativo para Apple TV". Reaccionar nativo para Apple TV . Consultado el 2 de octubre de 2020 .
  10. ^ "Reaccionar nativo para Web". GitHub . Consultado el 6 de noviembre de 2019 .
  11. ^ Equipo de aplicaciones de Windows (13 de abril de 2016). "React Native en la plataforma universal de Windows". blogs.windows.com . Consultado el 6 de noviembre de 2016 .
  12. ^ "Plataformas fuera del árbol". reactivanative.dev . Facebook, Inc. Consultado el 30 de julio de 2020 .
  13. ^ "Reaccionar escaparate nativo". reaccionar.native.dev . Consultado el 4 de abril de 2023 .
  14. ^ "React Native en el segundo semestre de 2021 · React Native". reactivanative.dev . Consultado el 20 de agosto de 2021 .
  15. ^ "¿El mayor error de Zuckerberg? Apostar por HTML5'". Machacable . Consultado el 7 de abril de 2018 .
  16. ^ Zuckerberg, Mark (12 de septiembre de 2012). "Charla junto a la chimenea con el fundador y director ejecutivo de Facebook, Mark Zuckerberg". TechCrunch (entrevista) . Consultado el 16 de agosto de 2021 .
  17. ^ Warren, Cristina. "¿El mayor error de Zuckerberg? Apostar por HTML5'". Machacable . Consultado el 29 de octubre de 2020 .
  18. ^ "Una breve historia sobre React Native" . Consultado el 16 de enero de 2018 .
  19. ^ Cristóbal, Chedeau. "Una inmersión profunda en React Native". YouTube . Consultado el 16 de enero de 2018 .
  20. ^ "React Native: llevar técnicas web modernas a dispositivos móviles". 26 de marzo de 2015.
  21. ^ "Uniendo puentes en React Native". 14 de octubre de 2015 . Consultado el 16 de enero de 2018 .
  22. ^ "Cómo construimos la aplicación React Native: 7 cosas que le ahorran tiempo de desarrollo. Parte 2" . Consultado el 6 de noviembre de 2019 .
  23. ^ "Usando TypeScript". reactivanative.dev . Metaplataformas, Inc. Consultado el 14 de julio de 2023 .
  24. ^ "Reaccionar al estilo nativo" . Consultado el 24 de febrero de 2021 .

Referencias