Feat: Configurar proyecto React Native con arquitectura hexagonal y mejoras en infraestructura

[raicoacosta]

🎯 Resumen

Este PR establece la base del proyecto React Native con arquitectura hexagonal (Clean Architecture) y realiza mejoras críticas en la configuración del repositorio, gestión de dependencias y corrección de bugs de renderizado.

🔧 Cambios Principales

1. Configuración del Repositorio ✨

• Creado .gitignore mejorado (209 líneas)
  • Patrones para OSX, VS Code, JetBrains, Node, TypeScript
  • Exclusiones de archivos de build de Android (.cxx/**) e iOS
  • Excepciones para archivos de lock (yarn.lock, package-lock.json, Gemfile.lock)

2. Limpieza del Repositorio 🧹

• Eliminados 355 archivos de tracking git:
  • android/app/.cxx/** - Archivos de build de CMake (354 archivos)
  • .watchmanconfig - Configuración no necesaria en repo
  • ios/RNTemplateHexagonal.xcworkspace/contents.xcworkspacedata - Generado automáticamente
  • .bundle/config y ios/Podfile.lock - Archivos de dependencias

3. Arquitectura Hexagonal Implementada 🏗️

Domain Layer (Capa de Dominio)

• ✅ Entidades: CreditCard con 12 propiedades de dominio
• ✅ DTOs con validación Zod 4.1.12
• ✅ Mappers: dtoToCreditCard y dtoToAllCreditCards
• ✅ Repository pattern con interfaces IGetAll e IPost

Application Layer (Capa de Aplicación)

• ✅ UseCase: CreditCardUseCase con método executeGetAll()
• ✅ Provider de Context API: CreditCardUseCaseProvider
• ✅ Custom hook: useCreditCardImpl()

Infrastructure Layer (Capa de Infraestructura)

• ✅ HTTP Implementation con Axios
• ✅ Storage Implementation con AsyncStorage
• ✅ Contratos/Interfaces para inversión de dependencias

4. Corrección de Bugs Críticos 🐛

App.tsx - 5 bugs corregidos:

1. ❌ useMemo(async () => ...) → ✅ React.useEffect(() => invokeCreditcards())
2. ❌ Variable _ (ESLint error) → ✅ _creditCardsError
3. ❌ Duplicate Provider → ✅ Provider movido a index.js (single source of truth)
4. ❌ Missing keys in .map() → ✅ key={creditCard.productNumber}
5. ❌ Unused imports → ✅ Limpiados

index.js - Provider hierarchy:

<SafeAreaProvider>
  <CreditCardUseCaseProvider>
    <App />
  </CreditCardUseCaseProvider>
</SafeAreaProvider>