Esta semana he comenzado un nuevo proyecto junto a un nuevo equipo enModus Create.Una nueva Interstante aventura creando Una nueva aplicación utilizando React pero esta vez se trata de Una aplicación nativa para Android、es decir、utilizando React Native.

쿠스의 반응은 본토박이?

React Native es,actualmente,un framework bastante popular que permite crear aplicaciones nativas utilizando Javascript,aplicaciones nativas para Android e iOS.
Fue inicialmente publicado por Facebook el 2015 y en solo unos pocos años se convirtióen una solución important a la hora de construir aplicaciones mobiles.
Básicamente React Native utiliza el poder de React para“compiler”o más bien“transpilar”código Javascript a código nativo de cada plataforma.La principal diferenceia entre React y React Native es que React Native en realidad utiliza React pero sobre una nueva plataforma y en ez de utilizar primitivas del DOM(provisitas por React DOM)utiliza primitvas para apuntar a los dispositivos.
En vez de divs y spans(primitivas provistas por reactdom) 미국 동남부<View>, <Text> 등
La idea de este framework es permitir el desarrollo multiplata forma de aplicaciones,permite combinar las“mejores”partes de el desarrollo de aplicaciones nativas y el flexible uso(y conocimiento)de Javascript.

iOS 에뮬레이터

Para ejecutar tu app en un simulador de iOS necesitas,primero un Mac,luego instalar Xcode,la forma más simple de hacerlo es instalado desde laMac App Storeeso también instalar el simulador de iOS.

명령행 도구

También seránecesario instalar las herramientas de linea de comando,para esto Simplement abre XCode,selecciona preferencias(CMD+,)y en la pestaña“Locations”selecciona desde el dropdown la versión más reciente.

iOS 에뮬레이터

Nuevamente en la preferencias de Xcode,Selecciana la pestaña components.Seleciona el simulador que deseas.
Finalmente es neceario instalarCocoapods,esta es una herramiente escrita en Ruby que te permitirámanejar dependencias.Por defecto tu SO ya tiene ruby instalado,Por lo que solo debes abrir la consola y ejecutar

sudo gem install cocoapods

Android emulator

Para ejecutar tu aplicación el el Simulator de Android necesitarás

노드

당직자

el JDK

Android Studio

Anroid Studio es necesario para poder utilizar las herramientas de compileado de Android,puedes usar el editor de tu gusto para desarrollar.
Lo primero seráinstalar node y watchman,Lo más seguro es que puede saltarte este paso ya que probablemente ya tienes esto instalado

  brew install node
  brew install watchman

Java 개발 키트

El JDK provee herramientas para El desarrollo de aplicaciones Java,Android utiliza estas herramientas en El proceso de compiler y construir El paquete de la aplicación.
Utizar Hoombrew para installar를 사용하는 것이 좋습니다.

brew cask install adoptopenjdk/openjdk/adoptopenjdk8

Android 개발 환경

Esta parte puede ser algo tediosa pero no es compleja.

Instala Android Studio Descangandolo desdeaqui
Y en el wizard asegurate de que los siguiente checkbox estén activados

Android SDK

Android SDK 플랫폼

안드로이드 가상 장치

성능(Intel HAXM)

Después de que este parte finalice debes instalar el Android SDK,Android Studio instala elúltimo SDK por defecto,pero para react native requieres\Android 10(Q)\.Asegurate que este instalada esa version. Abre Android Studio에서 en "Configurar"y Selecciana SDK Manager를 클릭합니다.
En este ventana,seleciona las plataformas que desea,revisa que Android 10(Q)esta seleccionado,expande este elemento de la lista y asegurate que también esten seleccionadas

Android SDK 플랫폼 29

Intel x86 Atom64 시스템 이미지 또는 Google API Intel x86 Atom 시스템 이미지

마지막으로 "응용 프로그램"을 누르십시오.
Elúltimo paso en configurar las variables de ambiente para ANDROIDHOME
Edita tu archivo.bash<sub>profile</sub>\o.bashrc\o.zprofile\o.zshrc\,dependiendo de la shell que este utiliznado y agrega:

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

Crear una aplicación！

Ya estátodo listo para crear tu primera aplicación,abre una consola y ejecuta

expo init MiNuevaAppRN

cd MiNuevaAppRN
npm start

Esto crear un proyecto expo con todo lo necesario para ejecutar la app(algo asícomcreate-react-app\para la web)y connpm start\iniciar el servidor de desarrolo.
Y ya estáahora,se abriráuna ventana en tu navegador por defecto mostrando la vista de Metro Bundler,que es el empaquetador de expo Y te permitiráejecutar tu app en el navegador,en alguno de los simulatores o utilizar el código QR para ejecutar la app en tu dispositivo móvil utilizando la app expo.