1- Creando mi primera app en React Native

 Creando mi primera app en React Native (Guía paso a paso) ⚡

¡Hola devs! 👋 Hoy empezamos a crear nuestra app en React Native desde cero. ¡Les comparto el proceso!

🔧 Pasos iniciales

1️⃣ Abrimos la terminal y nos ubicamos en la carpeta deseada (ej: cd Desktop).
2️⃣ Ejecutamos:

bash
npx react-native init NombreDelProyecto

3️⃣ Accedemos al proyecto:

bash
cd NombreDelProyecto

4️⃣ Instalamos dependencias con yarn (o npm install).

👨‍💻 Abrimos el editor

Usando VS Code:

bash
code .

(Si no funciona, abre VS Code manualmente y selecciona la carpeta del proyecto).

📱 Ejecutamos la app

  • Para iOS:

bash
npx react-native run-ios

(Necesitas Xcode y un simulador instalado).

  • Para Android:

bash
npx react-native run-android

(Asegúrate de tener Android Studio y un emulador configurado).

✅ ¡App funcionando en ambos dispositivos! 🎉

✍️ Primer componente

Modificamos App.js para un saludo personalizado:

javascript
import React from 'react';
import { SafeAreaView, Text } from 'react-native';

export default function App() {
  return (
    <SafeAreaView>
      <Text>¡Hola, [tu nombre]! 👋</Text>
    </SafeAreaView>
  );
}

🔹 ¡Pro tip! SafeAreaView evita que el contenido se solape con barras del sistema.


📢 ¿Quieren la parte 2?
En el próximo post agregaremos estilos, navegación y más. ¡Déjenme sus comentarios! ⬇️

#ReactNative #DesarrolloMovil #Programación #DevsLatinos #JavaScript

Comentarios

Entradas más populares de este blog

2- Creando la estructura de nuestra aplicación

4-49. Modificando el StatusBar