INTRODUCCIÓN A REACT NATIVE

Dejar un comentario / Programación, React Native / Por
React Native

¿QUÉ ES REACT NATIVE Y PARA QUÉ NOS VA A SERVIR?

React Native es un framework open-source (de uso libre) creado por Facebook para desarrollar aplicaciones móviles nativas. Con este framework programas una sola vez y obtienes la versión nativa para Android e IOS.

  • Una aplicación nativa es aquella que está desarrollada y optimizada para un determinado Sistema Operativo, en nuestro caso Android e IOS. Es decir, nuestra aplicación se instalará y se ejecutará sin necesidad de un programa externo (como un navegador web) y se adaptará 100% al dispositivo móvil, utilizando sin mayor problema todas las funcionalidades del mismo (Rendimiento gráfico, memoria, GPS, cámara, etc).

La esencia de este framework como cualquier otro, es que podamos desarrollar aplicaciones móviles de manera más rápida, sin que tengamos que perder tanto tiempo en configuraciones complicadas y tediosas, permitiéndonos poner toda nuestra atención en el desarrollo de nuestra aplicación.

¿QUÉ CONOCIMIENTOS PREVIOS NECESITAMOS?

Aunque se recomienda tener conocimientos previos de React y JavaScript para desarrollar con React Native, no es tan complicado como pudiera parecerlo, una vez que te adentras en el lenguaje lo aprendes al mismo tiempo que lo utilizas.

REACT

React native está hecho para ser usado con React, una biblioteca de JavaScript que pone a nuestra disposición componentes que nos van a permitir crear interfaces de usuario.

Cuando desarrollamos una aplicación móvil con React Native, únicamente estamos desarrollando la parte con la que los usuarios finales interactúan, lo que profesionalmente conocemos como Front-End.

  • El Front-End es toda la parte en la que cualquier usuario común tiene acceso, es decir, toda la parte interactiva para la que fue hecha la aplicación.
  • El Back-End es toda la parte en la que solo los usuarios autorizados (administradores) tienen acceso, aquí se encuentra toda la lógica del negocio y su administración. Por la gran cantidad de información y módulos que se llegan a implementar, esta lógica de negocio se encuentra desarrollada en web o aplicaciones de escritorio, pero no se descarta la posibilidad de que solo una parte se lleve a una aplicación móvil.

Por ejemplo, si la aplicación que estamos desarrollando lleva consigo una parte de la lógica del negocio y de almacenamiento dentro del mismo dispositivo o a través de un servidor, es posible que estemos desarrollando también un Back-end con React Native pero a escala mínima.

JAVASCRIPT

En pocas palabras, la esencia de JavaScript en React Native es proporcionarnos la habilidad de realizar actualizaciones de contenido.

¿QUÉ ENTORNO DE DESARROLLO NECESITAMOS?

NODEJS

UNA PLATAFORMA PARA EJECUTAR NUESTROS PROYECTOS

NodeJs es la plataforma sobre la que ejecutaremos lo que hemos hecho y la que hará posible que exista la comunicación entre nuestro proyecto y el navegador web, emulador o dispositivo móvil.

EXPO

Expo es un marco de trabajo que contiene un conjunto de herramientas que nos ayudan a crear una aplicación móvil de una manera más rápida y eficiente. Este esquema de trabajo es el más utilizado ya que como lo habíamos mencionado anteriormente, no requiere de demasiadas configuraciones y en tan solo unos minutos podríamos empezar trabajar en nuestra aplicación.

  • Expo CLI es la aplicación de línea de comandos que se requiere instalar y la cual ya trae incluido React Native.
  • ExpoCLI nos va a permitir comunicarnos con las herramientas de Expo y a través de ésta crearemos y ejecutaremos nuestros proyectos móviles.
  • Con Expo CLI podremos ver el funcionamiento de nuestra aplicación móvil en tiempo real, a través de nuestra computadora en nuestro navegador web, a través de un emulador para Android y/o un emulador para IOS, pero también a través de nuestro propio dispositivo móvil, instalando la aplicación Expo GO app que por el momento se encuentra en las tiendas de aplicaciones PlayStore y AppStore.

La disponibilidad de herramientas en esta modalidad es basta para ver el comportamiento real de nuestras aplicaciones móviles.

REACT NATIVE CLI

Por otro lado, si ya tenemos una buena experiencia con el desarrollo móvil, es probable que queramos utilizar React Native CLI. Para esto, dependemos de la instalación previa de Xcode y/o Android Studio para comenzar, si ya los tenemos instalados podríamos comenzar a trabajar en unos minutos, de lo contrario, habrá que instalarlos y configurarlos y quizá nuestro comienzo podría prolongarse hasta en un par de horas.

UNA EXTENSA COMUNIDAD DETRÁS DE TI

React Native cuenta con una extensa comunidad que ayuda dando solución a muchísimas dudas y situaciones que se generan en el tiempo entre la misma comunidad, es decir, entre los mismos usuarios que lo utilizamos.

Es importante hacer énfasis en la comunidad que tiene detrás, ya que es uno de los aspectos más importantes a tomar en cuenta a la hora de decidir con qué tecnología vamos a desarrollar, entre más usuarios existan en la comunidad mayor es la información que encontraremos sobre ésta, en consecuencia existirán más respuestas y soluciones a situaciones y dudas.

Entre los sitios de consulta más populares que se tienen y donde realmente encontrarás una solución para cada duda que tengas, se encuentran:

  • El sitio oficial de React Native
    • Aunque el sitio web oficial no es una comunidad que responda dudas, contiene la información primaria y fundamental con la que podemos tener un buen inicio y avance en lo que estemos planeando trabajar, y por supuesto, con esto vamos a responder nosotros mismos nuestras primeras dudas a través de la experimentación.
    • Aquí encontraremos recursos muy importantes como:
  • www.stackoverflow.com
    • Donde no es necesario ser miembro (registrarse) para realizar consultas sobre algún tema específico de programación. Muy recomendable para cuando ya estás en una etapa intermedia de desarrollo y te empiezas a encontrar con algunas dudas o situaciones complicadas.
  • Definitivamente la última opción pero no menos importante, es buscar en la web a través de cualquier buscador: sea Google, Yahoo, Bing o cualquier otro. Lo importante será hacer la búsqueda específica haciendo referencia a la duda o situación que nos ocupa.

PON MUCHA ATENCIÓN A LAS SOLUCIONES QUE PUEDES ENCONTRAR PARA TUS PROYECTOS EN INTERNET

Una recomendación que nunca se da pero que es importante que sepas, es la de tener precaución en lo que vemos y escogemos como solución para nuestros proyectos, seamos cautelosos para no llevarlos por otro camino.

Por ejemplo, me he encontrado en proyectos que tienen añadiduras de código que no encajan con el estilo que en general maneja la aplicación. Puede que tu proyecto lo estés desarrollando mediante componentes de función y que la solución que encontraste esté implementada mediante componentes de clase. Nadie dice que no se pueda hacer esto porque puede funcionar, sin embargo, sería una aplicación móvil inconsistente a nivel de programación y desarrollo, lo mejor que podemos hacer es pasar esa solución al estilo que estamos manejando.

EN CONCLUSIÓN:

  • Requerimos de la instalación de:
    • NodeJs (Plataforma de ejecución)
    • ExpoCLI (React Native incluido)
  • Con React Native desarrollaremos Front-End
    • Necesitaremos un poco de conocimientos de React y Javascript (No necesariamente para empezar a utilizarlo).
      • React (componentes que nos permiten crear interfaces de usuario)
      • Javascript (Actualización de contenido)
    • Obtendremos aplicaciones nativas
      • Android
      • IOS
  • Con Expo CLI crearemos y desarrollaremos nuestros proyectos
  • Con Expo Go app (aplicación móvil) veremos el comportamiento real de nuestras aplicaciones móviles desde nuestro dispositivo móvil

Si realmente te vas a dedicar a esta profesión te recomiendo leas el siguiente artículo ¿Por qué es importante ser autodidacta?, que te dará otro punto de vista que es necesario consideres.

Ahora que ya sabemos más o menos qué es React Native y lo que necesitamos para empezar trabajar con él, vamos a llevar a cabo la

INSTALACIÓN DEL ENTORNO DE TRABAJO DE REACT NATIVE

Deja un comentario