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.

5 tips para ser un MASTER en Android Studio

¿Eres nuevo programando en Android Studio y no le sabes mover bien?  ¿Tardas mucho programando? ¿Te pierdes y sientes un vacío existencial cuando ves tantas palabras juntas?

Agárrense de sus asientos, que a continuación les revelaré una serie de trucos que yo mismo he descubierto en un transcurso de 10 meses con este bellísimo entorno de programación llamado Android Studio. La mayoría son shortcuts de teclado que convertirán programar en una placentera experiencia, comencemos.

1.- Navegar entre archivos del Navigation Bar.

Muchas veces los proyectos se ponen bien extensos y pues buscar un archivo o clase se pone super tedioso, pero presionando la combinación ⌘ + O te abre un buscador en el cual escribes el archivo o la clase que la que quieres acceder.

Voilà, hermoso buscador.

 

2.- Cambiarle el nombre a una variable/clase que ya estás usando.

¿A quién no le ha pasado que crea una variable pero uno se da cuenta que tu variable no tiene el nombre correcto o lo escribiste mal o simplemente no te convenció?, acaso ¿Tenemos que cambiarle el nombre de la variable para que nos salgan un montón de errores por usar variables que nunca creamos y se solucione hasta cambiarlo de donde la estas usando uno por uno? Déjeme decirles que no, Android Studio nos la pone súper fácil y nos regala una bendita herramienta llamada Refactor (Xcode no tiene esto hehe), pero… ¿cómo se usa?, aquí te diré cómo:

Primero tienes que seleccionar lo que quieres cambiar, después presionas ⇧ + F6 entonces el nombre de la variable se pondrá en un rectángulo rojo y se coloreará de azul, ahí es cuando puedes cambiarle el nombre a tu variable, después presiona Enter y se cambiará en todas aquellas partes donde las estas usando (Una forma alternativa de hacerlo es darle click derecho sobre el nombre de tu variable Refactor>Rename y listo, mismo resultado).

refactor

 

Esto funciona tanto en los archivos XML como los Java, súper útil.

 

3.-Identación(acomodo) del código del editor.

Imaginense que estamos editando el XML y pues en estos caso al meterle atributos a la etiqueta nos quedan todos desordenados y muchas veces no sabemos donde empieza o donde termina tu RelativeLayout/LinearLayoutPero aquí les traigo un comando mágico que les acomodara el código:

Primero tenemos que seleccionar todo el código con las teclas  ⌘ + A y todo tu código se hará azulito, después con las teclas alt + ⌘ + L y pum, nuestro código se acomodará de una forma bellísima.

hermosaprogramacion

 

Hermosa programación.

 

4.-Hacer un for/if super rápido.

Si me dieran $10 pesos por cada ciclo o condición que he escrito, no fuera millonario pero sí tendría mucho dinero, entonces ¿por qué no hacer esto más rápido?

La buena noticia es que existe una forma de hacer esto y aquí les diré como hacerla:

Empezaremos con el ciclo for, primero debes de tener un arreglo el cual quieras recorrer y después agregarle un “.fori” y después enter.

captura-de-pantalla-2016-09-30-a-las-3-18-34-p-m

En el ejemplo de arriba actividadesDelegadas es un arreglo de objetos el cual queremos recorrer,  y al implementar el truco que les proporcioné, Android Studio les regala un ciclo for listo para usarse.

Ahora con la condición if (en boolean mayormente) es casi lo mismo, le agregas un “.if” (o “.else” si quieres negar la condición) y después enter.

captura-de-pantalla-2016-09-30-a-las-3-27-11-p-m

 

Ojalá me dieran los $10 🙁

5. Archivos recientemente editados.

¿No les ha pasado que editaron su código y después se pasan a otro archivo y todo deja de funcionar y ya no se acuerda donde estaba eso a lo que le movieron? Android Studio les da la primicia de decirles cuales fueron los últimos archivos que editaste, solo basta con presionar ⌘ + E y les aparecerá un  pop-up con una lista de los últimos archivos que editaste.

captura-de-pantalla-2016-09-30-a-las-3-38-38-p-m

 

Esto me ha salvado la vida muchas veces.

Espero que les hayan servido todos estos tips, y ojalá los usen para que programen más rápido, y cuando estén programando enfrente de sus amigos ellos piensen que son todos unos masters para programar.

¡Eso es todo amigos!