INTRO

 5. Vista Rapida: Estructura Projecto Base

6. Arquitectura de React Native

7. Entorno de desarrollo requerido.





























Comentarios

Publicar un comentario

Entradas más populares de este blog

17. Estructura de una aplicación de React Native, una vista mas profunda

  Tutorial: Estructura de una Aplicación React Native - Una Vista Más Profunda En este tutorial exploraremos en detalle la estructura de un proyecto React Native, analizando cada archivo y carpeta para entender completamente cómo funciona. 🎯 Objetivo del Tutorial Comprender la estructura interna de un proyecto React Native, el propósito de cada archivo y cómo interactúan entre sí. 📁 Estructura Completa del Proyecto text MiPrimeraApp/ │ ├── __tests__/                    # Pruebas unitarias ├── .bundle/                     # Configuración del bundle ├── .vscode/                     # Configuración de VS Code ├── android/                     # Proyecto nativo Android ├── ios/                         # Proyecto nativo iOS ├── no...
Leer más

Guía Paso a Paso para Entender React Native (antes del Tutorial)

  1. 📱 ¿Qué es React Native? React Native es un  framework para crear aplicaciones móviles nativas  usando  JavaScript y React . A diferencia de las apps web, genera componentes nativos reales (no WebViews). Comparación con React Web: React Web React Native <div> <View> <span> ,  <p> <Text> <input> <TextInput> onClick onPress CSS StyleSheet (JavaScript) 2. 🎯 Prerrequisitos Básicos A) Conocimientos previos necesarios: ✅ JavaScript ES6+ (funciones flecha, destructuración, spread operator) ✅ Conceptos básicos de React (si ya sabes React web, ¡estás al 90%!) Componentes Props (propiedades) ✅ Hooks (useState, useEffect) B) Si NO sabes React, necesitas esto primero: javascript // 1. Componente funcional function MiComponente ( ) { return < View > Hola Mundo < / View > ; } // 2. Props (propiedades que recibe un componente) function Saludo ( props ) { return < Text > Hola { props . nombre } ...
Leer más

12. Configuracion del entorno de desarrollo en Windows

  Tutorial: Configuración del Entorno de Desarrollo en Windows para React Native En este tutorial guiaremos paso a paso la configuración completa del entorno de desarrollo para React Native en Windows, enfocándonos específicamente en desarrollo para Android. 🎯 Objetivo del Tutorial Configurar Windows para desarrollar aplicaciones React Native con Android Studio, incluyendo todas las herramientas necesarias. ⚠️ Limitaciones en Windows Solo desarrollo Android: Windows no soporta desarrollo iOS (requiere macOS) Emuladores Android: Podrás usar emuladores de Android Studio Dispositivos físicos: Puedes conectar dispositivos Android reales 📋 Lista de Herramientas a Instalar Node.js (con gestor de versiones NVM) Android Studio (con SDK de Android) Java Development Kit (JDK) Visual Studio Code (editor de código) Extensiones de VS Code (para React Native) 🛠️ Paso 1: Instalar Node.js con NVM para Windows ¿Por qué NVM? Permite cambiar entre versiones de Node.js fácilmente Evita conflictos e...
Leer más