Practica Typescript
Lecciones, ejercicios y proyectos sobre Typescript
Explore nuestra lista seleccionada de proyectos, ejercicios y lecciones para aprender Typescript
1hrs promedio
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.
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.
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.
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.
Una guía práctica y accesible para principiantes que explica cómo React Native gestiona el estado de los componentes, los efectos del ciclo de vida y el renderizado condicional utilizando TypeScript. Aprende cómo la interfaz de usuario reacciona automáticamente cuando cambian los datos mediante ejemplos reales.
Aprende qué es TypeScript, el superset de JavaScript que mejora tus desarrollos. ¡Descubre sus ventajas y comienza a programar hoy mismo!
3hrs promedio
Usa tus conocimientos recién adquiridos para construir un modelo de datos detallado para tu blog de StarWars. Crea el Diagrama de Relaciones de Entidades (ERD) usando TypeORM y una base de datos PostgreSQL. Incluye tablas como Usuario, Personaje, Planeta y Favorito, definiendo propiedades y relaciones.
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
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.
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.
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.
Domina tipos compuestos, genéricos y configuración de TypeScript. Una guía práctica para desarrolladores que quieren aprovechar al máximo el tipado estático en sus proyectos.
Uso de Express, Javascript y Typescript para crear API REST
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.
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
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.
8hrs promedio
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.
4hrs promedio
Desarrolla una aplicación de manejo de inventario en el frontend usando React y TypeScript, integrándola con un backend en FastAPI. Aprende a administrar artículos de inventario con operaciones CRUD y mejora la aplicación con estilos y navegación.