Tecnología React Native es una de las tecnologías más de moda en este momento, y nadie puede negar que está revolucionando el desarrollo móvil
Tecnologia

React Native: Desarrolla aplicaciones moviles para android e IOS con Javascript

Anteriormente debíamos saber java para desarrollar apps para android u objective-c para desarrollador apps para ios. El peso de Android studio o la dificultad de conseguir una mac parecía un trabajos de años y nos sentíamos alejados del sueño de crear aplicaciones móviles y sorprender a todos bajándolas a la tienda de play store o app store. Bien ahora con tus conocimientos de javascript puedes crear aplicaciones móviles que funcionen para AMBAS plataformas, si así es, no solo Android o solo IOS, si no que funcionará en estos dos famosos gigantes de la industria móvil y como extra, herramientas de desarrollo más livianas como lo es expo. Claro si te gusta Android studio o XCODE también puedes usarlos para desarrollar apps con react native. ¿Quieres aprender react native y javascript? Buscanos en youtube como Ciapfa y comienza a tomar tu curso. https://www.youtube.com/channel/UCdt6-7pEmf8CmiBqYq1qgtg?view_as=subscriber

¿Qué es react native?

React native es un framework nos permite crear aplicaciones móviles nativas para Android y IOS usando React y Javascript lo cual es genial porque podemos utilizar nuestro conocimientos ya aprendidos de JS para desarrollar apps móviles, anteriormente debíamos saber java para hacer apps Android y Objective c para hacer apps en IOS, pero ahora con lo q sabemos de JS ya podemos crear nuestras APPS que funcione en ambas plataformas. ¿Qué significa que sea nativa? En palabras sencillas, se comporta dentro de nuestro teléfono como cualquier aplicación Android e IOS.

¿Cómo funciona react native?

Te preguntaras ¿Cómo se pueden hacer aplicaciones móviles con javascript? Esto ocurre gracias al React Bridge. Tu código de JS pasa por un puente para que te puedas conectar a los módulos nativos.

reac native tecnología en opinión total

Factores para adoptar RN:

Poder avanzar rápido. Las necesidades de una startup en pleno crecimiento y evolución demandan poder desarrollar velozmente.

Escribir el mismo código sólo una vez. Porque estamos construyendo una app que funcionará tanto para IOS como para Android y esto además permite una mayor velocidad debido a que los cambios serán efectuados a ambos dispositivos sin detenernos porque algo no funciona en Android o en IOS por ejemplo que un equipo sea más experimentado o tenga más personas el de Android que el de IOS, etc.

Experiencia en javascript y desarrollo web.

Desarrollo más sencillo, veloz y económico. Y algo a destacar acá es que este framework funciona perfectamente en la mayoría de los casos que requieran hagas aplicaciones móviles como es el caso de las aplicaciones crud, Crear, leer, modificar y eliminar.

Por último, Pueden reutilizarse sitios responsive ya diseñados

Developer experiencia en RN

React native tiene elementos interesantes los cuales puedes ver en esta imagen y te mostraré a continuación:

reac native tecnología en opinión total
reac native tecnología en opinión total
  • Hot/live reloading: la aplicación se recarga automáticamente cada vez que realizas un cambio.
  • Tenemos la muy utilizada depuración de javascript:  con la cual podemos usar el console.log, debugger, arreglar problemas de performance, ver si tu api está haciendo las peticiones correctas, entre otros
reac native tecnología en opinión total
  • También tenemos el muy usado en la web Inspector de elementos para ver el tamaño, color, contenido y demás de nuestros elementos:
reac native tecnología en opinión total
  • Stack trace: el cual aparecerá cuando tengamos algún error:
reac native tecnología en opinión total

¿Quiénes usan react native?

  • Instagram
  • Facebook
  • Skype
  • Pinterest
  • Uber
  • Walmart
  • Discorp
  • Adidas GLITCH
  • Tesla
  • Bloomberg

Puedes verlo todos acá: https://facebook.github.io/react-native/showcase.html

Si te gusta mucho IOS y amas tu iphone, puedes ver como se verán muchos de los componentes UI de react native en IOS en este link: http://www.reactnative.com/uiexplorer/

¿Qué herramientas puedo usar para desarrollar con react native?

En particular yo uso expo debido a que mi ordenador no es lo suficiente potente para ejecutar con total rapidez Android Studio y no poseo una mac, por ahora expo me ha traído una satisfactoria experiencia y he podido desarrollar una aplicación en su totalidad, sin embargo tiene sus limitantes, así que puedes usar:

  • Android Studio para Android
  • XCODE para IOS

La guía oficial para ambos está en: https://facebook.github.io/react-native/docs/getting-started.html la cual es bastante completa y he visto tutoriales y guías que se parecen mucho a esta por lo que se puede decir que la guía no es compleja, solo debes prestar atención. En este link también puedes ver una guía para instalar Expo y sus limitaciones, el cual es llamado “¿Por qué no Expo?”. El código que usaremos en los vídeos de RN te servirá tanto para Expo como Android Studio y XCODE así que no te preocupes por tu elección, toma la decisión que creas correcta y conveniente para ti.

Tecnología en opinión total

Ambos poseen un emulador virtual y también permiten emular a través de tu teléfono. La documentación de expo tiene un apartado para el uso de Android studio emulator en caso de que no cuentes con un dispositivo Android, la cual pueden ver acá: https://docs.expo.io/versions/latest/workflow/android-studio-emulator/

Con expo podemos emular en nuestro dispositivo Android e IOS descargando la aplicación de la tienda y luego conectando nuestro dispositivo mediante nuestro cable USB a la computadora. Para Android la versión mínima debe ser la 5.0 y para IOS la 10.0, tal como lo dicen en su documentación oficial.

Expo también posee SNACK https://snack.expo.io/, un sitio web en el cual podemos desarrollar y ejecutar código react native y además brinda un código de barra para que pueda reflejar tu código en tu tlf o el tlf de algún familiar, amigo o conocido si bien no posees uno pero quieres tu app en un dispositivo real. En el siguiente tutorial haremos uso de snack con un ejemplo básico, posteriormente en el resto de los vídeos haré uso de expo y un dispositivo ANDROID.

Tecnología en opinión total

Te invitamos a ver nuestro post sobre la Instalacion de React Native con Expo


223 visitas
5 (100%) 1 vote