Practica Typescript

Lecciones, ejercicios y proyectos sobre Typescript

Explore nuestra lista seleccionada de proyectos, ejercicios y lecciones para aprender 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.

Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

Este curso está diseñado para estudiantes que dominan JavaScript moderno y han leído sobre TypeScript (básico y avanzado). Aprenderás conceptos clave como interfaces básicas, type aliases y propiedades opcionales, así como union types, tipos literales y cómo gestionar estados de aplicación. También explorarás genéricos simples, incluyendo ApiResponse<T> y funciones genéricas, para construir una base sólida en TypeScript. A través de lecciones teóricas, ejercicios prácticos de código y cuestionarios, este curso de nivel principiante te ayudará a aplicar TypeScript de manera efectiva en tus proyectos, mejorando la seguridad de tipos y la calidad del código en tan solo 60 minutos Ascendiendo a un nivel superior, este curso te permitirá dominar TypeScript y llevar tus habilidades de desarrollo web al siguiente nivel. ¡Todo en un entorno práctico y dinámico!

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.

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.

4hrs promedio

Aplicación de Manejo de Inventario con React y TypeScript

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.

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.

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.

Estado, ciclo de vida y renderizado dinámico en React Native con TypeScript

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.

¿Qué es Typescript? Aprenderás a Programar usando este superSet de javascript

Aprende qué es TypeScript, el superset de JavaScript que mejora tus desarrollos. ¡Descubre sus ventajas y comienza a programar hoy mismo!

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.

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.

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.

TypeScript: Tipos Avanzados y Configuración

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.