Practica React native
Lecciones, ejercicios y proyectos sobre react native
Explore nuestra lista seleccionada de proyectos, ejercicios y lecciones para aprender react native
OTA Updates y Hardening en React Native CLI
Cómo combinar actualizaciones OTA y hardening para mantener tus aplicaciones React Native seguras, ágiles para iterar y resilientes frente a amenazas del mundo real. Aprende a desplegar cambios en JavaScript en cuestión de minutos mientras implementas las capas de seguridad necesarias para proteger tu código, tus usuarios y tu infraestructura.
Testing y Monitoreo en React Native
Cómo asegurar calidad y estabilidad en aplicaciones móviles con Jest, React Native Testing Library y logging estructurado
Tutorial de React Native CLI con Zustand y TypeScript
Aprende a gestionar el estado de manera eficiente en React Native CLI utilizando Zustand y TypeScript. Este curso amigable para principiantes te guía a través de la creación de una simple aplicación de contador con tema, entendiendo suscripciones selectivas y optimizando las re-renderizaciones de componentes. Al final, te sentirás seguro construyendo y gestionando tiendas de Zustand en tus proyectos de React Native.
Rendimiento y creación de perfiles en React Native
Guía práctica para medir, diagnosticar y optimizar performance en React Native usando Hermes, Flipper y Systrace. Casos reales de debugging con soluciones medibles.
Zustand: Estado Global en React Native Sin el Drama
Guía práctica de Zustand para desarrolladores mobile que vienen de Kotlin y Swift. Aprende a manejar estado global en React Native sin complicaciones.
Advanced Hooks and Composition in React Native with TypeScript
Dive into the world of advanced React Native hooks and component composition with TypeScript in this beginner-friendly tutorial. Learn practical tools like useRef for managing references and mutable values, useMemo for optimizing calculations, and useCallback for function memoization. Explore how to create custom hooks to reuse logic across components and master composition patterns like compound components to build flexible, maintainable UIs. Through hands-on coding exercises and quizzes, you’ll gain skills to improve performance and code quality in real-world mobile applications. This 60-minute course is designed to take you from basic hooks to advanced techniques, ensuring you can apply these concepts immediately in your projects.
Domina la navegación entre vistas en React Native con Expo
Aprende a implementar navegación en React Native usando Expo Router y React Navigation. Descubre cómo estructurar rutas, pasar parámetros entre pantallas y elegir entre Stack y Tab navigation para crear apps móviles escalables y mantenibles.
Pruebas Unitarias con React Native Testing Library
Este tutorial práctico te guiará paso a paso en el aprendizaje de pruebas unitarias utilizando React Native Testing Library. Diseñado para principiantes, el curso cubre los fundamentos de las pruebas unitarias, la configuración del entorno de pruebas, y cómo escribir y ejecutar pruebas para componentes de React Native. A través de lecciones teóricas, cuestionarios y ejercicios de código, adquirirás habilidades prácticas para garantizar la calidad de tus aplicaciones móviles. Al finalizar, serás capaz de implementar pruebas efectivas y mejorar el desarrollo de tus proyectos con confianza.
Integración nativa de la cámara en React Native CLI con TypeScript
Aprende a integrar la cámara del dispositivo de forma nativa en proyectos de React Native CLI utilizando TypeScript. Este curso apto para principiantes cubre permisos, configuración de react-native-vision-camera, creación de módulos nativos y técnicas de depuración para construir características de cámara eficientes.
1hrs promedio
Arquitectura Modular con React Native
Practica la arquitectura modular en una aplicación React Native CLI con TypeScript reorganizando el Catálogo de Películas en features independientes (Movies y Categories). Crearás puntos de entrada por módulo, stores locales con Zustand y utilidades compartidas, todo con datos locales y sin APIs externas.
Listas, Animaciones y Gestos en React Native
Domina interfaces dinámicas de alto rendimiento con FlatList, FlashList, Reanimated 3 y Gesture Handler v2. Aprende optimizaciones, animaciones a 60 FPS y gestos nativos.
Domina la navegación en React Native con React Navigation
Guía completa de React Navigation de Callstack: aprende Stack, Tab y Drawer navigation, tipado con TypeScript, deep linking, y patrones avanzados para apps enterprise. Todo lo que necesitas saber sobre navegación profesional en React Native CLI.
2hrs promedio
Catálogo de Películas
Crea una app móvil que permita explorar un catálogo de películas, ver detalles y navegar entre diferentes categorías usando React navigation. Trabaja completamente con datos locales desde data/movies.ts (sin APIs ni estado global). Perfecta para dominar la navegación y el tipado de parámetros en React Native.
2hrs promedio
Daily Mood Tracker with React Native
Construye una app móvil que permita registrar el estado de ánimo diario (Feliz, Neutral, Triste), ver el estado actual y consultar un historial reciente. Practica useState para estado local, useEffect para ciclo de vida (sin fetch), renderizado condicional y FlatList para listas de alto rendimiento. Ideal para iniciar con React Native + TypeScript.
Desarrollo Offline-First y Persistencia de Datos en React Native con TypeScript
Aprende a construir aplicaciones robustas de React Native que funcionen sin problemas sin conexión utilizando el enfoque offline-first. Este curso amigable para principiantes cubre AsyncStorage para la persistencia local, detección del estado de la red, sincronización de datos con resolución de conflictos y la construcción de una aplicación de notas completa con TypeScript. Adquiere habilidades prácticas para mejorar la experiencia del usuario incluso sin conectividad a internet.
APIs Nativas en React Native: Del JavaScript al Metal del Dispositivo
Guía práctica para usar cámara, biometría, permisos y crear bridges de código nativo (módulos nativos). Para desarrolladores que vienen de Kotlin/Swift.
Arquitectura Modular en React Native CLI con TypeScript
Aprende a estructurar tus proyectos React Native de manera profesional y escalable usando una arquitectura modular con TypeScript. Guía práctica con ejemplos reales.
2hrs promedio
Catálogo de Películas con Zustand
Amplía tu proyecto anterior de catálogo de películas añadiendo gestión de estado global con Zustand. Implementa funcionalidades de favoritos, filtro por categoría y búsqueda por título, utilizando selectores y shallow para minimizar re-renderizados.
Fundamentos de React Native: Configuración CLI, Estructura y Componentes Esenciales
Guía completa para comenzar con React Native CLI; configura tu entorno de desarrollo para iOS y Android, domina los componentes fundamentales (View, Text, Image, ScrollView) y el sistema de props para crear aplicaciones móviles multiplataforma desde cero.
Navegación avanzada en React Native: rutas anidadas y headers
Descubre técnicas avanzadas de navegación en React Native con Expo Router: cómo crear rutas anidadas complejas, personalizar headers dinámicamente y construir flujos condicionales según el estado de autenticación. Lleva tus apps al siguiente nivel.