20 Examples of Great React Native Apps in 2022

Introducción

Cada vez es más frecuente que, antes de empezar un proyecto móvil, nuestros potenciales clientes nos pidan algunos ejemplos de apps React Native que puedan relacionar con sus negocios.

De hecho, todo el mundo conoce las apps más populares, pero no mucho más.

¿Puedes enviarme algunos ejemplos de apps React Native que puedan ser un buen referente para mi negocio?

Así que, como respuesta, en lugar de buscar algunos buenos ejemplos una y otra vez, escribimos este artículo, para acceder inmediatamente a los mejores de ellos de 15 industrias diferentes.

Desde su lanzamiento en 2015, React Native está emergiendo rápidamente. También su popularidad y su comunidad. Debido a sus muchas características y a la posibilidad de construir apps para muchas plataformas móviles simultáneamente, se convirtió en la primera opción de muchos desarrolladores, startups y dueños de negocios.

Así que, si estás buscando inspiración, ejemplos, o simplemente quieres asegurarte de que React Native es la elección correcta, y buscas algún referente empresarial, aquí tienes una lista de más de 50 apps construidas en React Native.

15 industrias diferentes

Si buscas algunos ejemplos de apps de tu sector, encontrarás industrias como:

React Native 101

¿Necesitas más información sobre React Native en sí y cómo se diferencia de otras tecnologías de desarrollo móvil?

Lee los otros artículos que te darán una introducción definitiva y los conocimientos que necesitas para arrancar con éxito el proyecto con React Native:

    • Nuestra propia Guía de React Native
    • Los más populares Pros y contras de React Native

.

  • Preguntas frecuentes sobre React Native
  • Comparación: React Native vs Flutter
  • Comparación: React Native vs NativeScript

Mientras buscábamos apps construidas con React Native, intentamos recopilar ejemplos tanto de apps conocidas como Facebook como de otras menos populares creadas por startups.

Facebook y React Native

Obviamente, Facebook es una obviedad entre todos los ejemplos de apps React Native.

De hecho, React Native es el resultado de un hackathon organizado por Facebook para responder a las necesidades de la compañía. Facebook quería utilizar todas las ventajas del desarrollo web (como las iteraciones rápidas o la posibilidad de construir el producto completo dentro de un solo equipo) en el desarrollo móvil. En consecuencia, crearon un apalancamiento en el desarrollo móvil para las plataformas Android e iOS.

Un equipo de desarrolladores de Facebook quería probar el rendimiento de las aplicaciones React Native, por lo que migraron el panel de eventos de su aplicación para iOS a React Native. Querían probar cosas como el tiempo de inicio, que es esencial en este tipo de aplicaciones. Si la aplicación necesita mucho tiempo para iniciarse, puede desanimar a los usuarios a usarla.

¿El resultado? Un tiempo de inicio de la app React Native el doble de rápido.

Facebook Ads Manager y React Native

Facebook no se detuvo después de usar React Native en su aplicación principal. Otro de los mejores ejemplos es, de hecho, la primera app multiplataforma basada únicamente en React Native – Facebook Ads Manager.Fue una tarea compleja debido a la lógica de negocio necesaria para manejar los formatos de los anuncios, las zonas horarias, los formatos de fecha, las monedas y muchas más cosas diferentes para los distintos usuarios. Sin embargo, React Native parecía un ajuste ideal, principalmente porque la mayor parte del código estaba escrito en JavaScript.

Mientras el equipo de desarrollo de Facebook trabajaba en Facebook Ads Manager, crearon muchos componentes, útiles también para otros desarrolladores.

Instagram y React Native

Otro de los ejemplos populares de apps React Native esInstagram.

Lo que es más desafiante que construir una app completa desde cero es integrar la nueva tecnología en una app existente, pero eso es lo que Instagram intentó hacer. Partieron de la vista más sencilla que se pueda imaginar, que es la vista de notificaciones push. Inicialmente, se implementó como la WebView ya que no había necesidad de construir una infraestructura de navegación.

lanzamiento de funciones a las aplicaciones tanto de Android como de iOS mucho más rápido.

También mejoraron la velocidad de los desarrolladores, y el porcentaje de código compartido entre las apps de algunos de los productos lo demuestra:

    • Porcentaje de promoción: 99%
    • Punto de comprobación de captchas por SMS: 97%
    • Moderación de comentarios: 85%

.

  • Anuncios de generación de leads: 87%
  • Configuración de notificaciones push: 92%

UberEats y React Native

La aplicación estándar de Uber implica a dos partes -conductores y pasajeros-, pero UberEats implica a tres -restaurantes, conductores de reparto y clientes-. Dicho modelo creó la necesidad de un dashboard extra dedicado a los restaurantes.

Uber creó el salpicadero original pensando en la web, y provocó un acceso limitado a las funcionalidades nativas, como las notificaciones de sonido. En consecuencia, hizo que la experiencia del usuario fuera más débil.

El equipo de desarrollo de Uber decidió reconstruir todo el dashboard utilizando React Native. Aunque es solo una pequeña parte de todo el código de la app UberEats, los desarrolladores son optimistas y creen que React Native puede ayudarles en el futuro a implementar nuevas funcionalidades a medida que el marketplace crezca.

Lee más sobre cómo UberEats está utilizando React Native.

Walmart y React Native

Walmart es el mejor ejemplo de una app que migra a React Native para alcanzar sus ambiciosos objetivos.

Estas plataformas compartían el 95% del código base, mientras que todo el proceso de reescritura dio como resultado un rendimiento excepcional y animaciones suaves, similares a las nativas.

Lee más sobre cómo Walmart está utilizando React Native.

Pinterest y React Native

Pinterest se planteó la posibilidad de implementar React Native en su stack tecnológico, y se decidió por las ventajas que encontró. El mayor fue el aumento de la velocidad de los desarrolladores. Como React Native hace posible compartir código entre plataformas, significa menos tiempo dedicado a los standups y reuniones y menos número de inconsistencias entre plataformas móviles.

Sin embargo, Pinterest utiliza React Native como una herramienta adicional en su caja de herramientas de ingeniería – junto a las capacidades de código nativo en Android y iOS. Nunca quisieron reescribir todo el código a React Native.

Pinterest utilizó React Native para construir la vista del Topic Picker y el flujo de Business Signup.

Enlace a la página web

Coinbase Pro y React Native

En 2019, Coinbase decidió reescribir su núcleo de registro móvil utilizando React Native debido a algunas razones:

  • Como Coinbase da soporte a más de 100 países, su experiencia de registro tiene que ser dinámica: debe adaptarse a la ubicación y al perfil del usuario. Quedarse con el código existente y hacer cambios sería más costoso que reescribir toda la aplicación.
  • Reescribir toda la aplicación de forma nativa requeriría mucha duplicación de código, mientras que React Native permite apuntar a múltiples plataformas simultáneamente. Permite reutilizar la lógica de negocio en lugar de duplicarla y mantener la consistencia entre las apps para diferentes plataformas.
  • Coinbase quería implementar una nueva experiencia de registro para la aplicación nativa de Coinbase y Coinbase Pro que escribieron completamente en React Native. Sin usar el RN para ello, sería mucho más costoso.

Coinbase evaluó positivamente el uso de React Native, principalmente por la reutilización de componentes, Fast Refresh y la facilidad de incorporación de los desarrolladores web.

Lee más sobre cómo Coinbase está utilizando React Native.

Shopify y React Native

Después de años construyendo apps de forma nativa, Shopify ha decidido empezar a construir nuevas apps móviles con React Native.

  • Se enteraron de lo mucho que ha evolucionado React Native tras la adquisición de una empresa de mobile-first llamada Tictail que se centra exclusivamente en React Native
  • Shopify usaba React a diario, y ese conocimiento se hizo transferible a lo móvil
  • Pueden invertir en React Native a largo plazo, y vieron cómo el rendimiento ha ido subiendo

.

Shopify comenzó a experimentar con React Native con tres equipos separados sobre tres aplicaciones: Arrive, Compass y Point of Sale.

Aprendieron que:

    • El equipo de desarrollo responsable de reescribir la app de Arrive en React Native sintió que era el doble de productivo que el desarrollo nativo -aunque en ese momento estaban trabajando en una sola plataforma móvil
    • Probar la aplicación de punto de venta en configuraciones de hardware Android de bajo consumo les permitió utilizar un umbral de CPU más bajo (1,5GHz en comparación con 2GHz)
    • El porcentaje de código compartido entre Android e iOS fue mayor de lo esperado: estimaron un 80% mientras que los resultados fueron del 95% (Arrive) y del 99% (Compass)

.

Sin embargo, aunque hayan decidido construir todas las nuevas aplicaciones con React Native, eso no significa que también vayan a reescribir todas las apps antiguas en React Native.

Lee más sobre cómo Shopify está utilizando React Native.

Discord y React Native

Discord adoptó React Native nada más salir al mercado para construir su app para iOS sobre su app React. Pasaron los años y aún están contentos de haber tomado la decisión. Su aplicación es:

    • siendo utilizada por millones de usuarios activos,
    • prácticamente libre de caídas,
    • calificada con 4,8 estrellas en la App Store.

.

Todo eso lo han conseguido con sólo tres ingenieros principales de iOS a bordo.

Sin embargo, a principios de 2019, notaron que el rendimiento se degradaba -la app no podía mantener 60 FPS en un uso regular- y no estaba claro el motivo.

Discord creó un escuadrón de rendimiento móvil para aumentar el rendimiento de la app en todos los dispositivos iOS compatibles para solucionarlo.

Como escribieron en la entrada del blog, los resultados fueron:

  • Unos 60 FPS bastante consistentes en todos los dispositivos compatibles y una reducción muy notable en el consumo de batería.
  • La experiencia de desarrollo es mucho mejor.
  • Una experiencia de desarrollo mucho mejor, ya que incluso la app en modo de desarrollo se ejecuta mucho mejor que la app de producción antes de estos cambios.
  • La experiencia de desarrollo es mucho mejor.
  • Una media de dos segundos recortados en el tiempo de carga inicial. Discord lo consiguió gracias a nuestros esfuerzos habilitando paquetes de RAM y optimizando las rutas de código para aprovecharlo.

Cabe destacar que completaron todo el proceso en un lapso de pocas semanas.

Sobre el trabajo con React Native y la construcción de apps con él, dijeron que hay algunos desafíos. Sin embargo, los beneficios superan a las desventajas, por lo que están dispuestos a utilizarlo también en el futuro.

Bloomberg y React Native

Bloomberg utilizó React Native para construir la App de Clientes para Android e iOS en 2016. Ofrece una experiencia ágil e interactiva con contenidos personalizados de fácil acceso, vídeos y transmisiones en directo destacadas en todos los medios de Bloomberg.

Al igual que todos sus productos, fue diseñada para satisfacer las necesidades de los usuarios e integrarse sin problemas en sus rutinas. El contenido que ven los usuarios se puede personalizar fácilmente en función de su ubicación y por campo de especialización: Opinión, Política, Perspectivas, Mercados y Tecnología, por nombrar algunos. Los usuarios también pueden acceder a la televisión en directo a la carta o a la transmisión de eventos.

React Native permite al equipo de Bloomberg actualizar la aplicación continuamente con análisis, datos y noticias sobre el mercado, todo ello accesible a través de widgets personalizados.

Lee más sobre cómo utiliza Bloomberg React Native.

Otros ejemplos de apps hechas con React Native

Facebook Analytics

No es de extrañar que después de Facebook y Facebook Ads Manager, Facebook Analytics también se haya construido con React Native. Esta app ayuda a los usuarios con una serie de diferentes informes y métricas presentadas en una visión detallada.

React Native hizo posible que los usuarios crearan vistas móviles a medida de las métricas básicas, generación de ingresos, número de usuarios activos, etc.

Enlace a la web

Red de Yokos

YOKE Network es una agencia de marketing de influencers que tuvo una idea para una aplicación que debía cumplir con dos objetivos a la vez:

    • Ayudar a los usuarios a llegar al influencer adecuado con la audiencia adecuada para promocionar productos a través de los canales de las redes sociales
    • Ayudar a los influencers a encontrar grandes productos que puedan promocionar y que les paguen por ello

.

Lee el caso de estudio

Alquiler de bestias

El objetivo principal de la app Beast Rent es hacer que el alquiler de coches Tesla sea fácil y sin complicaciones. Por ejemplo, como usuario de esta app:

    • Puedes pedir una caja de transporte para tus mascotas o un asiento elevado para tus hijos
    • Puedes pedir que el coche alquilado se caliente antes de entrar

.

Lee el caso práctico

Mundo Novus

Novus World es una app de banca digital intuitiva y fácil de usar. Su objetivo es proporcionar una experiencia de usuario excepcional en el uso de herramientas inteligentes de gestión financiera. El objetivo final es ayudar a los usuarios a presupuestar, ahorrar y controlar sus finanzas.

Lee el caso de estudio

Tableau Mobile

Tableau Mobile es una aplicación acompañada de Tableau Online y Tableau Server. Permite ver las visualizaciones, cuadros de mando y diferentes métricas de la empresa utilizando un teléfono o una tableta.

En 2017, el equipo de desarrollo de Tableau Mobile decidió utilizar React Native para reescribir su aplicación móvil. Dos años después, la lanzaron tanto en Android como en iOS. Como ellos mismos dijeron, fue una gran decisión que les permitió enviar más características, más a menudo y con mejor calidad.

Enlace a la web

FlipKart

Flipkart es el mayor jugador de eCommerce en la India (digamos Amazon dedicado para la India), tiene más de 100 millones de descargas de apps y 400 millones de visitas cada semana. Comenzaron su andadura con React Native hace cinco años, en 2016.

Algunas palabras sobre su pila tecnológica

    • Se compone de Native, React Native y React-Native-Web
    • La mayoría de los componentes están desarrollados con React Native, mientras que la página de inicio es nativa
    • La navegación en las apps de FlipKart es nativa porque admite un cambio más fácil entre la vista nativa, reactiva y web

.

Se decidieron a utilizar React Native por:

    • Posibilidad de desarrollar apps para todas las plataformas móviles sin afectar al rendimiento
    • Uso sin restricciones de componentes nativos personalizados si es necesario

.

Enlace a la web

Mercari

Mercari se convirtió en la mayor aplicación de mercado en Japón, sin embargo, quieren más: también está disponible en Estados Unidos. Permite que cualquier persona con un dispositivo móvil como un smartphone pueda vender los artículos que ya no necesita en lugar de simplemente tirarlos.

Enlace a la web

Tesla

Otro diamante de todos los ejemplos de apps React Native.

Tesla utilizó React Native para construir su app Tesla, que permite a los conductores controlar sus coches de forma remota. Por ejemplo, pueden iniciar y detener la carga del coche.

Otras características:

    • Comprobar el tiempo de carga
    • Comprobar la calefacción/refrigeración del coche
    • Bloqueo/desbloqueo

.

  • Diagnóstico

La interfaz de usuario de temática oscura de la app de Tesla hace que parezca una especie de videojuego. Está disponible tanto en Android como en iOS.

Enlace a la web

Wix

Wix es una herramienta online para crear sitios web gratuitos sin conocimientos de codificación. Han utilizado React Native para construir una App móvil de Wix que te ayude a dirigir y gestionar tu negocio y tus actividades diarias.

Wix App te permite invitar a los visitantes del sitio web a convertirse en miembros a través de su aplicación móvil. Es una gran manera de construir una comunidad de usuarios comprometidos. Para ellos, es útil porque pueden -por ejemplo- navegar por tus productos y servicios, reservar una cita o comentar.

Enlace al sitio web

Fuerza de ventas

Uno de los mejores ejemplos de apps React Native realmente complejas.

Salesforce es una empresa que ofrece software CRM junto con aplicaciones enfocadas al servicio al cliente, automatización de marketing, analítica y desarrollo de aplicaciones. React Native hace posible la construcción de apps móviles potenciadas por Salesforce basadas en SDKs móviles.

Enlace al sitio web

Categorías : # app

Deja una respuesta

Tu dirección de correo electrónico no será publicada.