Saltar al contenido
Cosas Tecnológicas

Cómo instalar y configurar React Native en Mac

Instalación del entorno de desarrollo de React Native:

Con el rápido crecimiento de los sitios web en línea, las empresas y el ecosistema en general, es vital que la interfaz de usuario del sitio web se cargue rápidamente en los teléfonos inteligentes para fomentar el consumo de Internet basado en teléfonos inteligentes. Facebook desarrolló React Native a partir de la necesidad de generar elementos de interfaz de usuario de manera eficiente, que formaron la base para crear un marco web de código abierto. Su función nativa multiplataforma permite su uso en varias plataformas de desarrollo de aplicaciones, incluidas Android, Web, Windows, UWP, tvOS, macOS, iOS y AndroidTV. Microsoft también lanzó una versión preliminar en mayo de 2020, ampliando el alcance del mundo React Native y permitiendo el desarrollo de aplicaciones de escritorio. React Native se ejecuta en segundo plano del dispositivo de destino y luego se comunica con la plataforma nativa a través de un puente asíncrono por lotes. Sus tres principales ventajas son:

  • Por su naturaleza nativa, permite un desarrollo más rápido.
  • Aunque su estilo de sintaxis es similar a CSS o HTML, es más rápido y eficiente.
  • Es muy flexible porque permite a los desarrolladores escribir código nativo en una variedad de lenguajes, incluidos Java, Kotlin y Swift.

Este artículo trata sobre cómo instalar y configurar el entorno CLI de React Native.
Primero, aprenderemos cómo instalar el marco, luego verificaremos si funciona bien y finalmente desarrollaremos una aplicación.

prerrequisitos

  • Conocimientos informáticos básicos
  • Una cuenta con derechos administrativos en su computadora
  • Acceso a documentos y software generales
  • Una conexión a Internet válida para descargar archivos de instalación.

Audiencia

Este artículo proporciona orientación para los usuarios que son nuevos en React Native, desarrolladores junior y desarrolladores que no tienen experiencia con React Native. Si la curiosidad lo motiva a aprender el marco debido a la exageración que rodea a React, entonces esta es la guía que necesita.

Requisitos del sistema

software

  • Requiere Xcode 11.3.1 o superior.
  • Requiere Nodejs versión 12 LTS o más reciente.

hardware

  • MacOS requiere un dispositivo Mac para funcionar
  • RAM-4GB
  • Almacenamiento-10GB

Estos requisitos garantizan que sus herramientas se ejecuten rápidamente y tengan suficiente espacio de almacenamiento para la instalación y el desarrollo.

Requisitos del sistema

React Native requiere macOS High Sierra (10.13) o superior para ejecutarse de manera eficiente.

Instalar a través de HomeBrew:

HomeBrew es un administrador de paquetes que lo ayuda a instalar y administrar paquetes en su Mac, por lo que es esencial para nuestro proceso de instalación. Instalará HomeBrew para poder usarlo para instalar todas las demás herramientas necesarias para el entorno React Native, incluidos Nodejs, git, Watchman y JDK.

  • Primero use el enlace anterior para descargar HomeBrew y luego ejecute los siguientes comandos en la interfaz de línea de comandos:
brew—version

Este comando verifica si HomeBrew se instaló correctamente y genera la versión específica instalada. Los resultados son los siguientes:

homebrew 2.1.7
homebrew/homebrew-core (git revision f487; last commit 2020-05-26)
  • Cuando la versión no está disponible, puede instalar HomeBrew con el siguiente código:
/usr/bin/ruby -e “$(curl –fsSL 
https://raw.githubusercontent.com/HomeBrew/install/master/install)”
  • Una vez completada la instalación, use el siguiente comando para verificar si HomeBrew se ha instalado correctamente:
brew--version

Si el software está bien instalado, el resultado mostrará la versión y la fecha como se muestra a continuación:

Hecho en casa 2.1.7
Homebrew / homebrew core (revisión de git f487; última confirmación 2020-05-26)

nodo

React Native es una plataforma de JavaScript; por lo tanto, necesita Nodejs para proporcionar tiempo de ejecución de JavaScript. Nodejs también proporciona las herramientas necesarias, como un servidor web local con capacidades de recarga en tiempo real, herramientas de red, herramientas de línea de comandos y API web.

  • Utilice el siguiente comando de HomeBrew para instalar Nodejs:
brew install node