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:
npx react-native init NombreDelProyecto3️⃣ Accedemos al proyecto:
cd NombreDelProyecto4️⃣ Instalamos dependencias con yarn (o npm install).
👨💻 Abrimos el editor
Usando VS Code:
code .(Si no funciona, abre VS Code manualmente y selecciona la carpeta del proyecto).
📱 Ejecutamos la app
Para iOS:
npx react-native run-ios(Necesitas Xcode y un simulador instalado).
Para Android:
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:
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
Publicar un comentario