React, tecnología APP en eCommerce

  por    0   0

 

¿Qué es React?

Una de las tendencias muy marcadas en el último año en el terrero del desarrollo de software y que seguirá en alza durante este 2018 es el flamante framework que se encuentra en las entrañas de sitios web y aplicaciones móviles de compañias tan gigantes como Facebook, Instagram, Airbnb, Uber, Wallmart, Bloomberg o incluso Skype , siendo testeada en versión React para android. Desarrollado por la propia compañía de Mark Zuckerberg y con una gran comunidad alrededor que se encarga de mantener y crear features, plugins, etc. Tiene Licencia MIT, lo que quiere decir que es de uso libre y puede ser patentado cualquier producto desarrollado bajo el propio framework.

Recientemente en el F8 , evento de Facebook en la ciudad de San Jóse (California) , dónde exponen todas las novedades que tienen preparadas entre otras cosas, anunciaron una nueva librería para desarrollar Realidad Virtual con éste framework, donde el lema es Learn once, write everywhere , lo que se traduce como un lenguaje universal para todas las plataformas.

Pero, ¿ y qué relación tiene con el E-commerce?

Esa pregunta nos lleva a otra tendencia, y si todavía eres una de esas personas que no tiene claro las posibilidades que brinda y el auge que están teniendo las apps móviles en el E-commerce, estás en el lugar indicado y en el momento correcto, para salir de esa inconsciencia transitoria.

En el último cuatrimestre de 2017, según lo que se desprende del informe realizado por Criteo, donde se tiene en cuenta los negocios E-commerce con ventas multi-canal (aplicaciones móviles, web y web adaptada a móviles) , el canal más popular en Estados Unidos, ha sido su aplicación móvil. De entre todas las transacciones realizadas por sus usuarios, la app móvil obtuvo un 44% del total de ellas, un 33% para el canal web y un 23% para la web móvil.

Pero ahí queda la cosa, el 66% de todas las ventas generadas en Estados unidos a través de un dispositivo móvil fue a través de una aplicación, demostrando que sus niveles de conversión son mejores que los de la web móvil gracias a su superior rendimiento, ya que ése es uno de los problemas que encuentra el usuario en muchas web a través de dispositivos móviles. Y de ahí viene la importancia de desarrollar pensando y mucho en la User Experience.

Aparte de lo ya comentado una aplicación móvil trae consigo una serie de ventajas de las que un buen emprendedor no debe hacer caso omiso si quiere ofrecer a sus usuarios una experiencia sobresaliente:

 

  1. Nivel de fidelización significativo.
  2. Notificaciones de promociones, eventos, etc.
  3. Posibilidad de uso sin conexión a Internet.
  4. Funcionalidades y diseño exclusivo en la User Interface.
  5. Mayor velocidad de rendimiento.
  6. Acceso fácil y al alcance de la mano de tu negocio..

 

Después de comenzar a entender las ventajas de una app móvil, te estarás planteando la posibilidad de desarrollar una, pero déjame advertirte que, el desarrollo de una aplicación móvil nativa no es para nada sencillo, sin contar con que hay que desarrollarla para varias plataformas con distintos lenguajes de programación, lo que aumenta los costos y los tiempos si lo que se quiere conseguir es un app multiplataforma. Pero no desesperes , aquí es donde React entra en juego, con una de sus librerías, React Native.

Así que hoy vengo a hablaros de lo que en Freshcommerce podemos hacer por ti, tanto si eres apasionado del E-commerce, de las apps o simplemente de la tecnología.

Nosotros ofrecemos un desarrollo Cross-platform y en concreto con enfoque ‘bridge‘ por sus múltiples ventajas.

Ventajas

En el desarrollo de aplicaciones móviles existen 3 aproximaciones para abordar la creación de la misma:

  1. Desarrollo nativo: En el desarrollo nativo de una app móvil, la premisa es clara. Utilizar el lenguaje propio de la plataforma a la que se espera publicar dicha app, pudiendo ser iOS para dispositivos Apple, Android y Windows para el resto. Esto tiene la desventaja de que si quieres que tu aplicación móvil sea multiplataforma, vas a tener que programar en los diferentes lenguajes e IDE’s para cada una de ellas sin la poisibilidad de compartir el código entre ellas. Su ventaja, que te aseguras que su rendimiento será 100% nativo. La experiencia de usuario es muy buena pero la de desarrollo no lo es tanto.
  2. Desarrollo Híbrido:  En el desarrollo híbrido contamos con la posibilidad de programas con tecnologías web, es decir HTML5, CSS3 y Javascript, haciendo que la experiencia desarrollando sea muy buena, pero tiene desventajas. El enfoque en sí, se trata de utilizar el núcleo del navegador del móvil y utilizar como contenedor, la tecnología nativa del dispositivo. Eso conlleva un rendimiento malo, ya que está continuamente interpretando a través del navegador todo el código escrito en su núcleo para poder simular una User Interface nativa, la cual realmente no es.
  3. Desarrollo Cross-platform: En el desarrollo Cross-platform lo que se consigue es dos ventajas muy importantes, rendimiento nativo y re-usabilidad del código para las diferentes plataformas. ¿Cómo lo consigue? , lo consigue a través de su compilación. Los frameworks de Cross-platform lo que hacen es compilar el código programado del propio framework y compilarlo a código nativo, para que el rendimiento sea practicamente igual que el de una aplicación nativa además de que con ese mismo código lo compila para las diferentes plataformas en las que tu quieras publicar tu aplicación móvil, llegando casi a un 95% de re-usabilidad en algunos casos.

Asi que descartado el desarrollo híbrido y el desarrollo nativo, entre las ventajas que podemos ver entre los dos frameworks Cross-platform elegidos por Freshcommerce podemos encontrar y en especial en React Native:

En la UX (user experience):

 

  • Rendimiento nativo ya que su código compila a Código nativo.
  • Lenguaje Javascript para compilación JIT y obtener diferentes hilos de ejecución para un mayor rendimiento.
  • User Interface nativa.
  • Uso de componentes nativos y Third parties.
  • Estrategia Flux/redux para un renderizado según el state de la app y sólo de los elementos modificados, lo que se traduce en un mayor rendimiento.
  • Excelente administrtación de la memoria para reducir el gasto en batería y velocidad de procesamiento.

ReactUX

 

En la DX (experiencia de desarrollo) :

 

  • Reducción de tiempos de desarrollo.
  • Hot Reloading.
  • Debugging soportado en Chrome para los devs en este navegador.
  • Código compartido con todas las plataformas.
  • IDE gratuito
  • Traducción a nativo de las últimas técnicas en CSS
  • Mucha documentación

react DX

Xamarin y React Native son las dos mejores opciones a la hora de desarrollar aplicaciones móviles, pero considerando que Xamarin lleva más tiempo en el mercado, la irrupción y la popularidad que está consiguiendo React , ganada a pulso, desde Freshcommerce nos decantamos por desarrollar nuestras apps móviles con este framework de Facebook con visos de tener un futuro espectacular.

Jorge Sanabria
¡Síguenos!

Jorge Sanabria

Full Stack Developer at FreshCommerce
Full Stack Developer capaz de trabajar tanto en las capas Frontend cómo Backend de nuestros eCommerce. Resuelve los retos digitales, de manera eficiente y profesional.
Jorge Sanabria
¡Síguenos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Posts relacionados

¿Preparad@ para Black Friday 2018?


LEER MÁS →

Tiempo. A la pregunta de porque compro casi todo online, esa es mi respuesta: “¡Compro tiempo!”. Si un termómetro se me cae al suelo y rompe, automáticamente tiro de móvil en el sofá para hacer un pedido en menos de 1 minuto que llegará a la oficina en los próximos días. Se trata de ir […]

Errores del TPV Redsys ¿Qué significan?

error pago tarjeta tienda online


LEER MÁS →

A continuación publicamos la lista de códigos de errores más comunes en pasarelas de pago RedSys, su significado y cómo solucionarlos. A menudo, cuando se gestiona una tienda online PrestaShop, los emprendedores se encuentran con situaciones en las que los clientes no logran terminar el pago o bien la pasarela de pago (TPV) no responde […]

Modelos de Atribución ¿Quién vende realmente en tu eCommerce?


LEER MÁS →

Si te preguntara cuánto dinero ha generado Facebook, Instagram o Google en tu proyecto de comercio electrónico ¿qué me dirías? ¿Serías capaz de detallarme cuantas ventas y dinero genera cada canal digital que usas (o no usas) o me dirías que no tienes ni idea? En este artículo te hablamos sobre los modelos de atribución […]

Innobonos 2019: Ayudas para invertir en Tecnología e Innovación


LEER MÁS →

Ya se ha publicado en el Boletín Oficial de Canarias la convocatoria anticipada 2019 del programa de Bonos de la Innovación (Innobonos) que gestiona la Agencia Canaria de investigación, Innovación y Sociedad de la Información cofinanciado por el programa operativo FEDER Canarias 2014-2020 y reguladas por las bases publicadas el 06/05/16. El plazo para la presentación de […]

Inteligencia artificial en el E-commerce


LEER MÁS →

Probablemente, habrás escuchado algo sobre qué es la inteligencia artificial y la revolución que está generando a día de hoy. Según que medios leas, es posible que pronto veamos una sociedad dependiente de robots autosuficientes que nos lleven al trabajo, nos faciliten nuestra vida en general, o por el contrario la inteligencia artificial será la […]
AtrásListadoSiguiente