5. Configuración de Variables de Entorno

Comentarios

Publicar un comentario

Entradas más populares de este blog

9. Componente SafeArea

Imagen
  Tutorial: Componente SafeArea en React Native 📱 Parte 9: Componente SafeArea - Manteniendo tu Contenido Visible 🎯 Objetivo: Aprender a usar el componente SafeAreaView para asegurar que tu contenido sea visible en todos los dispositivos, evitando áreas no seguras como notches y barras de navegación. 📸 Introducción al Problema 1.1 El Desafío de los Dispositivos Modernos Observa la imagen del iPhone X: text ┌─────────────────────────────────┐ │  📶   🔋   🕐                   │ ← Notch/Status Bar │                                 │ │                                 │ │        TU CONTENIDO             │ │                                 ...
Leer más

Pasar funciones como props, explicado con analogías

  Pasar funciones como props, explicado con analogías  Punto clave onSaludar={saludar} → pasas la referencia a la función. onSaludar={saludar()} → ❌ la ejecutas en el render (error común). Convención de nombres Por convención, las props que son funciones suelen empezar con on : onClick , onChange , onSubmit onGuardar , onEliminar , onSeleccionar Esto las distingue visualmente de las props de datos. Resumen mental Padre define la función → la pasa como prop → Hijo la ejecuta cuando ocurre un evento → Padre reacciona. Es el patrón base para manejar eventos, formularios, listas, modales, y prácticamente cualquier interacción en React. ¿Quieres que te muestre un ejemplo más avanzado, como pasar funciones a través de varios niveles (prop drilling) o usando Context? 📱 Analogía 1: El celular del padre Imagina que un padre le presta su celular a su hijo . Pero ojo: no le da el celular usado , se lo da para que el hijo lo use cuando quiera . El padre (componente Padre) El padre ti...
Leer más

Comunicación entre Padre e Hijo con Funciones en React Native

  🎯 Objetivo Aprender a comunicar un componente hijo con su padre usando funciones pasadas como props. Al terminar sabrás: Cómo el padre le pasa una función al hijo. Cómo el hijo la ejecuta cuando ocurre algo. Cómo el hijo le devuelve datos al padre. Cuándo usar este patrón y cuándo no. 🧠 Analogía principal: el timbre de la casa 🏠🔔 Imagina una casa con dos personas: El padre está en la cocina cocinando. El hijo está en la puerta principal. Si el hijo ve que llegó una visita, no puede cocinar él mismo , pero sí puede tocar el timbre para avisar al padre. En la casa En React Native El timbre La función que el padre pasa como prop El hijo toca el timbre El hijo ejecuta la función El padre escucha y reacciona El padre recibe la llamada y hace algo El hijo dice "llegó Ana" El hijo le pasa datos al padre Regla de oro: el hijo avisa , el padre decide . 📦 Estructura del proyecto text mi-app/ ├── App.js ← PADRE └── components/ └── Hijo.js ...
Leer más