React
React Native
Node.js
Python
Rust
PostgreSQL
Solana
Claude
AI Agents
Go
Containers
AWS SDKs

React Native SME Cookbook

Preguntas frecuentes

Secciones

React Native & Expo Core

Conceptos básicos de React Native Vistas, Texto y Componentes Principales Props, State y Re-renderizados en Móvil Manejo de eventos y Touchables Código Específico de Plataforma Imágenes y activos Dimensiones y Diseño Responsivo El Bridge, JSI y Nueva Arquitectura Hermes & el Runtime de JavaScript Mejores Prácticas de Fundamentos de React Native Highlights Summary

Core Views and Text StyleSheet and Flexbox Lists and Virtualization TextInput and Forms Pressables and Touch App State and Hooks Expo Router Navigation Platform Linking and Share Storage and Secure Data Networking Images Media Accessibility and Safe Area Performance and Lists

Conceptos básicos de Expo Platform Guía rápida de create-expo-app app.json y app.config.js Expo Go vs Development Builds Expo Modules Core Entornos y variables de entorno de EAS Actualización de versiones de Expo SDK Migración de Managed a Bare Cuenta de Expo, Proyectos y Permisos Prácticas recomendadas de Expo Platform Highlights Summary

Conceptos Básicos de TypeScript en RN Tipificación de Componentes y Props Tipificación de Navegación y Parámetros de Ruta Tipificación de APIs de módulos nativos Tipificación de respuestas API y Zod Tipos de Utilidad para RN Rutas tipadas de Expo Router Tipificación Gradual en Aplicaciones Brownfield Mejores prácticas de TypeScript en RN Highlights Summary

Conceptos básicos de patrones de componentes Custom Hooks para Lógica de UI Componentes Compuestos Patrones de Render Props y Slots Container/Presenter en Mobile Componentes sin renderizado Patrones Polimórficos y AsChild Anti-patrones: God Screens Buenas Prácticas de Patrones de Componentes Highlights Summary

Conceptos básicos de estilos Inmersión en Flexbox Áreas seguras y notches Modo Oscuro y Esquemas de Color Diseño responsivo y adaptativo Rendimiento de Estilos Sombras, Elevación & Bordes Escala de tipografía y carga de fuentes Mejores prácticas de estilos Highlights Summary

Conceptos básicos de listas Recetas de FlatList SectionList y Datos Agrupados FlashList vs FlatList Infinite Scroll y Paginación Optimización del Rendimiento de Listas Scrollables Anidados Errores Comunes de Virtualización Mejores prácticas para listas Highlights Summary

Fundamentos de formularios react-hook-form en Mobile Validación con Zod Controlador de Teclado Pickers, Fecha/Hora e Inputs Nativos Flujos Multi-Paso y Wizard Accesibilidad en formularios Mejores Prácticas de Formularios Highlights Summary

Fundamentos del Manejo de Errores Límites de Error en RN UX de fallos de red Manejadores de Errores Globales Banderas de Características para Lanzamiento Seguro Patrones de degradación elegante Mensaje de Error para el Usuario Mejores prácticas de Error Boundaries Highlights Summary

Tooling, Build & Quality

Conceptos básicos de configuración del proyecto Plantillas de create-expo-app Estructura de Carpetas para Características Monorrepo con Turborepo Monorepo con Nx Paquetes compartidos y resolución de Metro Múltiples aplicaciones en un repositorio Mejores Prácticas de Configuración del Proyecto Highlights Summary

Conceptos básicos del desarrollo local Simulador de iOS y Emulador de Android Pruebas en dispositivo físico expo-dev-client React Native DevTools Flipper & Herramientas de depuración alternativas Hot Reload vs Fast Refresh Mejores prácticas de Expo CLI Highlights Summary

Fundamentos del Linting Prettier y Ordenamiento de Importaciones Modo Estricto de TypeScript Reglas de Linting de React Hooks Compuertas de Calidad de CI Reglas ESLint Personalizadas para RN Análisis de código muerto y dependencias Mejores prácticas de Linting Highlights Summary

Conceptos básicos de pruebas mobile Configuración de Jest para Expo React Native Testing Library Mockeo de Módulos Nativos Maestro E2E Detox E2E Regresión Visual y Storybook Pruebas de Contrato para APIs Mejores prácticas de pruebas Highlights Summary

Lista de verificación de reglas del proyecto Expo Reglas de Navegación y Enrutamiento Reglas de Módulos Nativos Reglas de Seguridad para Dispositivos Móviles Reglas de Versiones y OTA Reglas de Presupuesto de Rendimiento Registros de Decisiones de Arquitectura Prácticas Recomendadas de Expo Rules Highlights Summary

Architecture & Design

Conceptos Básicos de Arquitectura Móvil Diseño Feature-Sliced para RN Arquitectura Limpia en Mobile Monolito Modular vs Multi-App Inyección de Dependencias en React Native ADR: Elección de biblioteca de navegación ADR: Selección de State Management Lista de verificación de refactorización Mejores prácticas de arquitectura Highlights Summary

Conceptos básicos de gestión de estado useState & useReducer Context Sin Tormentas Zustand Redux Toolkit TanStack Query Jotai y Estado Atómico Persistencia de estado e hidratación Mejores prácticas de State Management Highlights Summary

Conceptos básicos de Offline-First Patrones de AsyncStorage expo-sqlite MMKV y almacenamiento KV de alto rendimiento Estrategias de Sincronización Interfaz Optimista Sincronización en Segundo Plano y TaskManager Mejores prácticas de la capa de datos Highlights Summary

Conceptos Básicos de Networking Fetch vs axios TanStack Query en Mobile Reintentos, Backoff e Idempotencia WebSockets y Tiempo Real GraphQL con urql/Apollo Anclaje de Certificados Mejores Prácticas de Networking Highlights Summary

Fundamentos de autenticación móvil expo-auth-session y OAuth SecureStore & Keychain/Keystore Biometría con LocalAuthentication Rotación de Token de Actualización Múltiples Cuentas y Vinculación de Dispositivos Ciclo de vida de la sesión de autenticación Mejores prácticas de autenticación Highlights Summary

Navigation & Routing

Conceptos básicos de Expo Router Navegación por Stack Pestañas y Cajones Grupos de rutas y organizando `app/`Link & href Rutas con tipos Redirecciones y Rutas de Índice Mejores prácticas de los fundamentos de Expo Router Highlights Summary

Navegadores Anidados Rutas Modal y de Presentación Rutas Protegidas y Middleware Pestañas Nativas Vistas divididas y diseños de tablet Experimentos de Server Components Navegadores personalizados y Router sin interfaz Prácticas recomendadas avanzadas de Expo Router Highlights Summary

Conceptos Básicos de Deep Linking API expo-linking Enlaces Universales de iOS Enlaces de aplicaciones Android Enlaces Profundos Diferidos Notificaciones Push con Deep Links Matriz de Pruebas de Deep Link Mejores prácticas de Deep Linking Highlights Summary

Native Platform & SDK

Conceptos básicos de Expo SDK expo-notifications expo-location expo-camera & expo-image-picker expo-file-system expo-secure-store & expo-crypto expo-updates (API de cliente)expo-task-manager y Tareas en Segundo Plano Prácticas recomendadas de paquetes Expo SDK Highlights Summary

Fundamentos de Módulos Nativos Usando librerías nativas de terceros Plugins de configuración create-expo-module Autolinking y expo-modules-core Escribiendo un TurboModule Parches de Proyectos Nativos Mejores prácticas de módulos nativos Highlights Summary

Fundamentos de Prebuild Flujo de trabajo de expo prebuild Config Plugins en CNG Código Nativo Personalizado en CNG Huella digital y detección de cambios nativos Migrando Proyectos Nativos Manuales a CNG CNG en CI Mejores prácticas de Prebuild Highlights Summary

Conceptos básicos de iOS para desarrolladores de RN CocoaPods e Instalación de Pods Derechos y capacidades Directrices de revisión del App Store Distribución TestFlight Manifiestos de privacidad de iOS y APIs de razón requerida Extensiones de Aplicación y Widgets Mejores prácticas de la plataforma iOS Highlights Summary

Conceptos básicos de Android para desarrolladores de RN Edge-to-Edge en Android Permisos y Política de Play Firma y Play App Signing Pistas de prueba interna Tamaño de página de 16 KB y matriz de dispositivos Rendimiento de Gradle y caché Mejores prácticas de la plataforma Android Highlights Summary

Fundamentos de Brownfield Descripción general de expo-brownfield RNHostView e Integración de UI Nativa Autenticación compartida y puentes ADR de Adopción Incremental CI/CD Brownfield Mejores Prácticas de Brownfield Highlights Summary

UI, Performance & Media

Fundamentos de Animaciones react-native-reanimated 4 react-native-gesture-handler Animaciones de Layout Worklets y modo Bundle Transiciones de Elementos Compartidos Resolución de conflictos de gestos Mejores prácticas de animaciones Highlights Summary

Fundamentos de sistemas de diseño NativeWind (Tailwind para RN)Tamagui React Native Paper Componentes Drop-In de Expo UI Construyendo una Biblioteca de Componentes Interna Tematización y Variantes de Marca Mejores prácticas de sistemas de diseño Highlights Summary

Conceptos básicos de accesibilidad accessibilityLabel & accessibilityRole Orden de enfoque y navegación por teclado Tipo dinámico y escalado de fuentes Movimiento reducido Lista de verificación de auditoría de accesibilidad Mejores prácticas de accesibilidad Highlights Summary

Conceptos básicos de i18n expo-localization i18next / react-i18next Diseños RTL CI de Traducción Fallbacks de Locale y Pseudolocale Mejores prácticas de i18n Highlights Summary

Conceptos Básicos de Rendimiento React DevTools Profiler Hermes Sampling Profiler Benchmarking con Flashlight Análisis de tamaño de paquete Fugas de memoria y alteración de listas Optimización del tiempo de inicio Mejores prácticas de rendimiento Highlights Summary

Fundamentos de Media expo-image expo-camera expo-video react-native-skia react-native-maps Mejores Prácticas de Medios Highlights Summary

Shipping & Observability

Conceptos Básicos de EAS Build Credenciales e Implementación de iOS Almacenes de claves de Android y firma Perfiles de compilación y sabores EAS Submit Distribución Interna Hooks de compilación personalizados Mejores prácticas de EAS Build Highlights Summary

Conceptos básicos de actualizaciones OTA Configuración expo-updates Canales de Liberación y Ramas Runbook de reversión Política de Versión de Runtime Despliegues por Fases Mejores Prácticas de Actualizaciones OTA Highlights Summary

Conceptos básicos de CI/CD móvil Flujos de Trabajo de EAS Acciones de GitHub + EAS Compilaciones de Vista Previa en PRs Promoción automatizada de tiendas Calendario del Tren de Versiones Mejores Prácticas de CI/CD Highlights Summary

Conceptos Básicos de Operaciones de Store Flujo de trabajo de App Store Connect Flujo de trabajo de Google Play Console Lanzamiento por fases e reversión Cumplimiento: ATT y Etiquetas de Privacidad Playbook de Rechazos en Tiendas Respuesta a Incidentes en la Tienda Prácticas recomendadas de Store Operations Highlights Summary

Fundamentos de Observabilidad Sentry para React Native Registro estructurado en el dispositivo Análitica y privacidad Monitoreo de Rendimiento OpenTelemetry en Mobile SLOs para aplicaciones móviles Mejores Prácticas de Observabilidad Highlights Summary

Ecosystem & Team

Conceptos básicos de bibliotecas esenciales @tanstack/react-query zustand react-native-mmkv @shopify/flash-list react-native-reanimated & gesture-handler sentry-expo / @sentry/react-native Mejores prácticas de bibliotecas esenciales Highlights Summary

Conceptos Básicos de Agent Skills Habilidad de lanzamiento EAS Expo Router Skill Skill de Módulo Nativo Habilidad de pruebas móviles Habilidad de Upgrade de SDK Habilidad de Triaje de Incidentes Mejores prácticas para Agent Skills Highlights Summary

Fundamentos de Git para equipos móviles GitHub Flow y Ramas de Release Rebase Interactivo y Worktrees Integración de GitHub Actions Mejores prácticas de Git y GitHub Highlights Summary

Conceptos básicos de CLI para RN xcrun simctl e iOS Simuladores adb y dispositivos Android jq, rg y JSON Logs Buenas prácticas de CLI en macOS y Linux Highlights Summary

Conceptos básicos de incorporación Ruta de aprendizaje de la primera semana Lista de Verificación de Recorrido del Código Base Leveling de Junior - Mid en RN Emparejamiento y Mob en Mobile Mejores prácticas de equipo e incorporación Highlights Summary

Tech-Lead Craft

Conceptos básicos de incidentes móviles Clasificación de Picos de Fallos OTA Emergency Rollback Sala de Guerra para Fallos de Compilación Nativa Incidente de Interrupción de Tienda y Política Plantilla de Post-Mortem para Móvil Mejores prácticas de solución de problemas en producción Highlights Summary

Conceptos básicos de entrega móvil Banderas de características en Mobile OTA Canary & Blue-Green Métricas DORA para móvil Lista de verificación de lanzamiento y Go/No-Go Mejores prácticas de entrega empresarial Highlights Summary

Conceptos básicos de Tech Lead en Mobile Registros de Decisiones Arquitectónicas Estándares de revisión de código para RN Compensaciones entre Nativo y JavaScript Mentorización de Junior Mobile Devs Gestionando Desacuerdos Técnicos Mejores Prácticas de Liderazgo Técnico Highlights Summary

Conceptos básicos de colaboración en productos Decisiones de paridad de plataforma Estimación y Riesgos en Mobile Priorizando Deuda Técnica vs Características Comunicación con Stakeholders Trabajar con Diseño y Animación Mejores prácticas de colaboración de productos Highlights Summary

Referencia: Aplicación B2C Expo SaaS Referencia: Aplicación de campo offline-first Referencia: Cliente Móvil Fintech Antes/Después: Actualización Mayor del SDK de Expo Antes/Después: React Navigation - Expo Router Estudio de caso de desempeño: Feed a escala Mejores prácticas para estudios de casos Highlights Summary

Conceptos básicos de estándares Estándares de Codificación y Guías de Estilo Gobernanza de dependencias y cadena de suministro Política de Actualización de SDK Seguimiento de Deprecación y Fin de Vida Picos, PoCs y Nueva Arquitectura Crecimiento de carrera: Senior - Lead - Staff Mejores prácticas de Gobernanza Highlights Summary

/

/

© 2026 @csjcode|SystemsArchitect.io: Cloud Systems Tools|Términos

Recurso educativo independiente y no oficial. Sin afiliación, respaldo ni patrocinio de los propietarios o responsables de las marcas.

Este sitio está en fase beta y puede contener imprecisiones o errores.

Todos los ejemplos de código son genéricos, con fines de aprendizaje y solo para entornos de desarrollo/pruebas. No se ofrece ninguna garantía a los usuarios. Consulta los términos.

Buscar en la documentación

Busca en todas las páginas de la documentación

React Native SME/Sistemas de Diseño

Sistemas de Diseño

9 pages in this section.

1

Fundamentos de sistemas de diseño

10 ejemplos para comenzar con sistemas de diseño - 7 básicos e 3 intermedios.

Basics Design Systems Design Systems

2

NativeWind (Tailwind para RN)

Clases de utilidad, modo oscuro y configuración de compilación en Expo.

Design Systems Nativewind Tailwind Rn

3

Sistema de diseño multiplataforma con compilación de estilos optimizada.

Design Systems Tamagui React Native Expo

4

React Native Paper

Componentes de Material Design y temas para UX orientada a Android.

Design Systems React Native Paper

5

Componentes Drop-In de Expo UI

Componentes universales vs superficies específicas de SwiftUI/Compose.

Design Systems Expo UI Drop

6

Construyendo una Biblioteca de Componentes Interna

Design Systems Building Internal Component

7

Tematización y Variantes de Marca

Design Systems Theming Brand Flavors

8

Mejores prácticas de sistemas de diseño

Accesibilidad y movimiento integrados en primitivas - extraído de cada página en Sistemas de diseño.

Best Practices Summary Design Systems

9

Design Systems Highlights Summary

A single-page roundup of every highlight bullet from the 8 pages in the Design Systems section, grouped by source page so you can scan all 48 takeaways without opening each article individually.

Highlights Summary Design Systems