Las 5 aplicaciones famosas creadas con React Native

¿Por qué las empresas más grandes usan React Native?

#1 Facebook & React Native

React Native comenzó cuando el proyecto de hackathon de Facebook se desarrolló en respuesta a las necesidades de la empresa. Facebook quería brindar todas las ventajas del desarrollo web, como iteraciones rápidas y tener un solo equipo para desarrollar todo el producto, para dispositivos móviles. Así es como React Native se hizo realidad y se aprovechó en el desarrollo de aplicaciones móviles para aplicaciones iOS y Android.

¿Por qué eligieron React Native?

Originalmente, Facebook solo desarrolló React Native para admitir iOS. Sin embargo, con su reciente compatibilidad con el sistema operativo Android, la biblioteca ahora puede proporcionar interfaces de usuario móviles para ambas plataformas. Facebook usó React Native para desarrollar su propia aplicación Ads Manager, creando una versión para iOS y una para Android. Ambas versiones fueron creadas por el mismo equipo de desarrolladores.

Facebook también hizo React Native de código abierto, con la idea de que la comunidad de desarrollo podría operar la compatibilidad con otras plataformas como Windows o tvOS, así que estad atentos.

#2 Facebook Ads & React Native

La plataforma de redes sociales no es la única aplicación React Native que se produjo bajo el techo de Facebook. Facebook Ads fue la primera aplicación React Native para Android y la primera aplicación multiplataforma completamente basada en React Native creada en la empresa.

El marco parecía absolutamente adecuado para la gran cantidad de lógica empresarial compleja requerida para manejar con precisión las diferencias en los formatos de anuncios, zonas horarias, monedas, formatos de fecha, convenciones de monedas, etc., particularmente porque una gran parte de ella ya estaba redactada en JavaScript.

¿Por qué eligieron React Native?
Desde el punto de vista del diseño, la interfaz es limpia con UX intuitiva y navegación simple. Las animaciones y transiciones son perfectas; no se sienten antinaturales o con errores en ningún momento. La experiencia general es brillante, y si su equipo de marketing no está usando la aplicación, Facebook recomienda encarecidamente que comiencen.

#3 Walmart & React Native

Walmart ya ha demostrado su actitud innovadora al introducir Node.js en su stack. Unos años más tarde también revisaron su aplicación móvil en React Native.

Walmart logró mejorar el rendimiento de la aplicación tanto en iOS como en Android al usar menos recursos y en un período de tiempo más corto. El 96% de la base de código se compartió entre plataformas, mientras que las habilidades y la experiencia de los desarrolladores se aprovecharon en toda la organización.

¿Por qué eligieron React Native?
Walmart apunta realmente alto, esforzándose por convertirse en el minorista en línea más grande del mundo. Con objetivos tan grandes, la compañía necesita tomar medidas audaces que impliquen un mayor riesgo para obtener una ventaja competitiva. Es por eso que siempre buscan formas de mejorar la experiencia del cliente probando nuevas tecnologías.

#4 Bloomberg & React Native

La nueva aplicación móvil para consumidores de Bloomberg para iOS y Android ofrece a los clientes una experiencia optimizada e interactiva con contenido personalizado de fácil acceso, videos y transmisiones en vivo presentados en los medios de Bloomberg. Para desarrollar la aplicación, la compañía empleó un marco de desarrollo de aplicaciones móviles único.

Un equipo de ingenieros en la sede de New York City de Bloomberg produjo la aplicación utilizando la tecnología de aplicación React Native, la herramienta principal que realmente cumple la promesa del desarrollo de aplicaciones nativas multiplataforma.

#5 Instagram & React Native

Instagram aceptó el desafío de integrar React Native en su aplicación nativa existente a partir de la vista más simple que puedas imaginar: la vista de notificaciones push que se implementó básicamente como WebView. No requería construir infraestructura de navegación, ya que la interfaz de usuario era bastante simple.

¿Por qué eligieron React Native?
El equipo de desarrollo en Instagram enfrentó algunos problemas en el camino, pero mejoraron sustancialmente la velocidad del desarrollador. El 85% al 99% del código se compartió entre las aplicaciones de Android e iOS, dependiendo de los productos, por lo que el equipo pudo entregar la aplicación mucho más rápido de lo que lo haría con una solución nativa.

Los factores para adoptar React Native

Al hacer desarrollos a la medida, los usuarios o clientes desean tener un producto en el menor tiempo posible, que el mantenimiento sea mas económico y que implique tener menos personas para este, por lo que el lenguaje de React Native nos ayuda mucho para brindar esta solución.

Ventas del desarrollo de Apps con React Native

  • Poder avanzar rápido. Las necesidades de una startup en pleno crecimiento y evolución demandan poder desarrollar rápido. Y más si es en mobile. La carencia de desarrolladores y la “duplicidad” en cierta forma de desarrollos en Android e iOs.
  • Escribir el mismo código sólo una vez, en lugar de replicarlo en cada plataforma casi prácticamente. Aquí hay que distinguir entre empezar de cero una feature/app en React Native o tener que convivir con código de Java/Kotlin y Objective-C/Swift de por medio.
  • Mejorar la experiencia de desarrollo. En el desarrollo mobile los tiempos de compilación, incluso algunos IDE como Xcode no dan una experiencia buena. Por eso, React Native promete mejorar la calidad de vida de los desarrolladores o al menos los tiempo de compilación
  • Experiencia en javascript y desarrollo web. Disponer de un equipo con experiencia en frontend y no disponer de suficientes desarrolladores móviles es un razón de peso, más si ya en la web se está usando React.
  • Atraer desarrolladores interesados en una nueva tecnología. Aunque Android e iOS sigan siendo tecnologías punteras, muchas empresas ven React Native como una forma de atraer gente interesada en nuevas formas de trabajar y con una tecnología, ojo, que viene de Facebook. Probablemente no sea uno de los mejores reclamos ni tampoco fácil para los recruiters, pero no sería la primera vez que veamos adoptar una nueva tecnología guiados por el marketing.
  • Las historias de éxito de algunas compañías que lo están usando: son varias como lo mostramos en aqui.

¿Que es React Native?

React Native es un framework de programación de aplicaciones nativas multiplataforma que está basado en JavaScript y ReactJS.

Esta definición puede resultar un poco simple, por lo que para aclarar mejor las ideas y saber mejor lo que es este framework, vamos a ver lo que no es React Native:

  • No es un framework que nos permite ejecutar aplicaciones que tenemos ya desarrolladas con ReactJS en un dispositivo móvil.
  • No funciona como aplicaciones con PhoneGap o Cordova que nos permiten tener una página web y genera un webview, sino que genera una aplicación nativa con un rendimiento casi similar al nativo.
  • No va a convertir todo el código una aplicación nativa, transpilado con Java o con ObjectiveC.
  • No va a evitar tener que tocar el código tanto en Android como en iOS, aunque permita integrar todas las partes que se tengan de ambos sistemas en una sola aplicación, con algunas diferencias pero con una parte del código compartido y escrito en JavaScript, utilizando JSX para definir las interfaces.

Cómo funciona React Native

Para entender mejor qué es React Native vamos a explicar cómo funciona.

En React existe un “VirtualDOM”, en el que tenemos nuestro JSX, en el cual definimos los documentos HTML, y estos se transforman en componentes del navegador a través de JavaScript.

Con React Native ocurre algo parecido, ya que tenemos nuestros componentes JSX, que van a ser distintos a los componentes HTML y que tendrán otros tags y otros nombres, ya que no estamos utilizando HTML.

Lo que va a suceder es que el compilador que tiene React Native los va a convertir en elementos nativos de la interfaz para Android y para iOS, lo cual va a permitir que estas aplicaciones tengan un look and feel parecido a aplicaciones nativas, un rendimiento prácticamente igual y una experiencia de navegación y de usuario muy similar a las aplicaciones nativas, ya que lo que se está generando es interfaz nativa.

Hay vida después de iOS y Android

Aunque lo normal es utilizar React Native para Android y iOS, no se queda solamente aquí, ya que tenemos más elementos.

No solo es la propia compañía es la que está desarrollando estos elementos, sino que también hay terceros que se encargan de crear módulos para poder ejecutar nuestras aplicaciones React Native en la web.

Aunque parezca extraño, hay un proyecto llamado “React Native for Web”, que nos permite tener nuestros componentes de React Native funcionando en un navegador.

Hay otros elementos que nos permiten usarlo en aplicaciones de escritorio de Windows o de Mac, o utilizarlo para crear aplicaciones para relojes inteligentes de Android o de Apple, y también para ejecutarlo en AppleTV y AndroidTV.

Aunque React Native esté centrado en gran parte en el desarrollo móvil, hay que tener en cuenta que aprender a trabajar con el mismo va a permitir trabajar para otras plataformas e intentar aprovecha más aún la parte de código creada.

Aprende a realizar aplicaciones móviles con React Native desde 0 conociendo los componentes básicos de este framework.