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.

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!

5 aplicaciones para vacacionar

Ya hace calorsito y necesitas un descanso del trabajo, por lo que es necesario salir en estas vacaciones, asi que te recomendamos 5 aplicaciones que necesitas llevar contigo cuando salgas de vacaciones.

1. AroundMe

Si vas a una ciudad nueva dónde no conoces nada, esta app es la indicada para tí, es una app con georeferencia, la cual te muestra los lugares como bancos, bares, gasolineras, hoteles, supermercados,  cines,  restaurantes, e incluso hospitales más cercanos a tí.Te muestra una lista de lugares con las condiciones que tu le señalaste, trazado en un mapa para saber cómo llegar. Es totalmente gratis, para plataformas: Android, iOS, Windows Phone.

Más información: aroundmeapp.com

2.KAYAK: vuelos, hoteles y más

Si vas a salir de viaje y aún no sabes en dónde te vas a hospedar, KAYAK es la aplicación que buscas. Lo que hace esta app, es que realiza un sondeo de diferentes sitios de búsqueda de viajes para encontrar los precios más bajos en vuelos, hoteles, coches y paquetes vacacionales. Si no ibas a salir de vacaciones por no haber reservado a tiempo, esta app te puede ayudar. La app es gratis y la puedes encontrar para plataformas de Android, iOS, Symbian, WebOS y Windows Mobile.

Para más información: kayak.com/móvil

3.Spotify

Si te gusta escuchar música en todo momento, Spotify es para ti, con esta app tienes acceso a todo un mundo de música. Puedes escuchar a artistas y álbumes o crear tus propias playlists con tus canciones favoritas. Que tus vacaciones no se queden sin música, la aplicaicón la puedes encontrar gratis para las plataformas Android e iOS.

Más Información: Google Play o iTunes.

4. SnapChat

La vida es más divertida cuándo vives el momento. En Snapchat puedes capturar los momentos más divertidos de tus vacaciones esta semana santa, además te puedes enterar de qué es lo que están haciendo tus amigos más cercanos en sus vacaciones. Puedes encontrar una variedad de filtros dando la ubicación del lugar en dónde te encuentras y filtros con detección de rostros. La app es gratis disponible solo para celulares Androir e IOS.

Para más información www.snapchat.com

5. Instagram

Si lo tuyo es tomar fotos, esta app es para ti, instagram es una manera sencilla de capturar y compartir momentos en el mundo. Transforma tus fotos y vídeos cotidianos en obras de arte y compártelos con tu familia y amigos. Ideal para tomar fotos de tus vacaciones y compartirlas con tus amigos cercanos. Es totalmente gratis, disponible para Android, IOS y Windows phone.

Para más información www.instagram.com