React Native

React Native

MOBILE

Desarrollo móvil multiplataforma con React para crear aplicaciones nativas iOS y Android con JavaScript/TypeScript. Arquitectura basada en React con componentes nativos, hot reloading y acceso a APIs nativas para crear aplicaciones móviles de alto rendimiento con una sola codebase.

Lo que aprenderás

React moderno con hooks, Context API y functional components

Componentes nativos (View, Text, Image, ScrollView, FlatList)

Expo para desarrollo rápido con herramientas integradas y OTA updates

React Navigation para navegación nativa (Stack, Tab, Drawer)

StyleSheet y Flexbox para estilos responsive y de alto rendimiento

Gestión de estado (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage y SecureStore para persistencia de datos

Módulos nativos para integración de código nativo (Kotlin/Swift)

Testing completo (Jest, React Native Testing Library, Detox E2E)

Performance (motor Hermes, lazy loading, optimización de FlatList)

Temas clave a dominar

Los conceptos más importantes para entender esta tecnología y aprobar tus entrevistas

1

React: JSX, Virtual DOM, reconciliation, hooks (useState, useEffect, useCallback)

2

React Native: bridge nativo, componentes nativos vs web, modelo de threading

3

Core Components: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, código específico por plataforma

5

Estilos: StyleSheet, layout Flexbox, Dimensions, diseño responsive

6

Navegación: React Navigation (Stack, Tab, Drawer, navigators anidados)

7

Gestión de estado: Context API, Redux Toolkit, Zustand, Recoil

8

Operaciones async: useEffect, fetch, axios, React Query para server state

9

Persistencia: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Módulos nativos: crear módulos nativos, linking de bibliotecas, autolinking

11

Expo vs Bare React Native: pros/contras, prebuild, config plugins

12

Permisos: react-native-permissions, solicitud de permisos, manejo de denegaciones

13

Animaciones: Animated API, Reanimated 2, LayoutAnimation, gestures (Gesture Handler)

14

Networking: fetch, axios, WebSocket, manejo de errores, retry logic

15

Formularios: controlled components, React Hook Form, validación (Yup, Zod)

16

Testing: unit tests (Jest), tests de componentes, E2E (Detox, Maestro)

17

Performance: optimización de FlatList, useMemo, useCallback, Hermes, Flipper

18

Push notifications: Firebase Cloud Messaging, Expo Notifications, notificaciones locales

19

Mapas y ubicación: react-native-maps, Geolocation API, ubicación en segundo plano

20

Build y despliegue: EAS Build, Fastlane, App Store/Play Store, OTA updates