# CONFIGURACIÓN DEL ENTORNO – React Native + SQLite

By [Frexus](https://paragraph.com/@frexus-2) · 2025-06-11

---

1\. Instalar Node.js y NPM
--------------------------

Descárgalo desde: [https://nodejs.org](https://nodejs.org)

Confirma que esté instalado:

    node -v
    npm -v
    

2\. Instalar el CLI de React Native
-----------------------------------

    npm install -g react-native-cli
    

También puedes usar directamente `npx` (recomendado para proyectos nuevos):

    npx react-native init NombreDelProyecto
    

Ejemplo:

    npx react-native init GestorProductos
    

3\. Instalar Android Studio (para emular o compilar en Android)
---------------------------------------------------------------

Desde: [https://developer.android.com/studio](https://developer.android.com/studio)

Durante la instalación activa:

*   Android SDK
    
*   Android SDK Platform
    
*   Android Virtual Device (AVD)
    

### Configurar variables de entorno (Windows/macOS/Linux)

Agrega esto al archivo de configuración (`.bashrc`, `.zshrc`, o `.bash_profile`):

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

En Windows, añade esto al **Path**:

    C:\Users\TuUsuario\AppData\Local\Android\Sdk\platform-tools
    

4\. Ejecutar el emulador Android
--------------------------------

Desde Android Studio:

1.  Abrir **Device Manager**
    
2.  Crear un dispositivo virtual (AVD)
    
3.  Iniciar el emulador
    

O desde terminal:

    emulator -avd NombreDelDispositivo
    

5\. Correr tu primer proyecto
-----------------------------

    cd GestorProductos 
    npx react-native run-android   # o run-ios si estás en macOS
    

6\. Instalar SQLite para React Native
-------------------------------------

    npm install react-native-sqlite-storage
    

### En Android

No es necesario configuración adicional si usas la última versión.

Pero si tu proyecto tiene errores, puedes asegurarte de tener estas líneas en `android/app/build.gradle`:

    android {
        defaultConfig {
            ...
            missingDimensionStrategy 'react-native-sqlite-storage', 'default'
        }
    }
    

### En iOS (macOS)

    cd ios
    pod install
    cd ..
    

También asegúrate de tener `platform :ios, '12.0'` o superior en el `Podfile`.

Verificación
------------

Ejecuta este comando para comprobar que todo funciona:

    npx react-native run-android  # o run-ios
    

Extras útiles
-------------

*   Para recargar la app: **Ctrl + M** en Android emulador o **Cmd + R** en iOS simulador.
    
*   Debug nativo: Usa **React Native Debugger** o **Flipper**.
    
*   Usa `console.log()` y `react-native-log-android` para ver salidas en Android.
    

¿Qué sigue?
-----------

Una vez tengas el entorno funcionando, ya se puede iniciar con la práctica y probar el uso de DAOs con SQLite.

Para acceder a la práctica:

[https://mirror.xyz/0xC0aA599b2bC4f72854E056b6E9A809764371ff3a/I1X8yGM-5g3akWWZi4vg0SegQbB5xegvaETV-J7EMW4?referrerAddress=0xC0aA599b2bC4f72854E056b6E9A809764371ff3a](https://mirror.xyz/0xC0aA599b2bC4f72854E056b6E9A809764371ff3a/I1X8yGM-5g3akWWZi4vg0SegQbB5xegvaETV-J7EMW4?referrerAddress=0xC0aA599b2bC4f72854E056b6E9A809764371ff3a)

---

*Originally published on [Frexus](https://paragraph.com/@frexus-2/configuraci-n-del-entorno-react-native-sqlite)*