La guia de platanus
  • README
  • Acuerdos
    • Guía de Estilo
      • Ejemplo: Módulo para variables de entorno
  • Stack
    • Getting Started
    • Nuestro MVC extendido
    • Ruby/Rails
      • Power Types
        • General
        • Patrones
          • Commands
          • Utils
          • Services
          • Values
          • Observers
      • Potassium
      • Power API
      • Active Admin
        • General
        • Active Admin Addons
      • Pundit
      • Shrine
        • General
        • Manejo y procesamiento de imágenes
      • Pry
      • Strong Migrations
      • Data Migrate
      • Active Job
      • Gems
      • Engines - Modularización en Rails
    • JavaScript
      • Vue
        • General
        • Testing
      • AlpineJS
    • CSS
    • Mobile
      • Expo
      • React Navigation
      • Redux
        • Crear y conectar una slice en Redux
      • Styling
        • Usando Tailwind en React Native
      • Recursos
    • Resolviendo problemas (debugging)
    • Machine Learning
  • Setup
    • Configuración de tu entorno local
      • Instalación Base
        • OSX
        • Windows
        • Linux
      • Tecnologías
        • Ruby
        • Docker
        • Node
      • Herramientas
        • Linters
        • Editores
          • IDE/Editores de Código
            • Visual Studio Code
            • Sublime Text
        • Git
    • Configuración de proyectos
      • Getting Started
      • Heroku
      • Rails
      • Circle CI
      • Vue
      • Apple App Store
      • Google Play
      • Expo
      • S3
      • Git
      • Cloudflare
      • Sendgrid
      • Dominio + Mailing
      • Google Tag Manager, Analytics, Search Console, etc.
        • Google Tag Manager
          • Configurar Google Tag Manager
        • Google Analytics
        • Indexación en Google
        • Google Ads
      • Crear un bucket de S3
      • SlackBot
      • Google BigQuery
  • Deployment
    • Rails
    • Ruby Gems
    • Browser and Node (Open Source)
    • Mobile
      • Mobile Resources
      • Apple App Storage
      • Google Play
  • Upgrades
    • Upgrade de Vue 2 a Vue 3
    • Migración Hound → reviewdog
    • Upgrade de Postgresql
Con tecnología de GitBook
En esta página
  • Crear un proyecto nuevo
  • Proyecto existente
  • Conectar la aplicación con el servidor local
  1. Setup
  2. Configuración de proyectos

Expo

AnteriorGoogle PlaySiguienteS3

Última actualización hace 1 año

Todo el setup requerido se puede encontrar , de todas maneras aquí hay un resumen. Para poder desarrollar con Expo y React Native debes tener Node instalado. Se recomienda usar una versión LTS de Node (las versiones con números pares). Se recomieda usar .

Además de esto, necesitas un dispositivo en el que correr tu proyecto. Tienes dos opciones:

  • Ocupar un dispositivo físico, para lo que tendrás que descargar la aplicación .

  • Ocupar un emulador. Si tienes un computador Apple, entonces al instalar Xcode ya instalaste el simulador de iOS. Si tienes otro computador o si quieres probar con un emulador Android en tu Mac, puedes ocupar . Si tienes cualquier problema puedes revisar la instalación detallada de o la de .

Para correr el proyecto, ejecuta el comando

yarn start

o el comando

npx expo start

Cualquiera de los comando anteriores levantará un servidor que te permitirá correr tu aplicación mientras desarrollas. Se abrirá una página en tu explorador desde el cual podrás iniciar los emuladores que tengas instalados y mostrará un QR para poder escanearlo si es que quieres ocupar un dispositivo físico. Para iOS debes escanearlo con la cámara y para Android se hace en la misma aplicación Expo Go.

Crear un proyecto nuevo

Para crear un proyecto nuevo con la plantilla inicial de Typescript usa el comando

npx create-expo-app <project-name> --template expo-template-blank-typescript

Proyecto existente

Si vas a empezar a trabajar en un proyecto que alguien ya creó.

git clone platanus/<project-name>
cd <project-name>
yarn install

Conectar la aplicación con el servidor local

Es muy probable que al desarrollar necesites conectar la aplicación con el servidor de rails que estás corriendo en tu computador. Para poder hacer esto, tienes que correr el servidor con el siguiente comando

bundle exec rails s -b 0.0.0.0

Luego, puedes acceder al servidor desde la aplicación ocupando . El servidor debería encontrarse en http://<ip-interna>:3000.

en la documentación
Nodenv
Expo Go
Android Studio
Apple aquí
Android Studio aquí
la dirección IP interna de tu computador