Formación React con Typescript

Paso a paso

1. 1 Combinando React con Typescript

   Crea un proyecto desde cero utilizando TypeScript para tipar propiedades y estados, asegurando un código más robusto y minimizando errores en tiempo de ejecución. Aprende a gestionar eventos de usuario de manera segura y eficiente, optimizando la interacción en tu aplicación.

   Además, descubrirás cómo manejar efectos secundarios con useEffect, consumir datos desde APIs y comprender el ciclo de vida de los componentes en React. También aprenderás a utilizar ContextAPI y useReducer para gestionar el estado global de forma escalable y organizada. Finalmente, mejorarás la reutilización de componentes y aplicarás buenas prácticas para desarrollar aplicaciones más mantenibles y de alta calidad.

   • VIDEO

     - YouTube

   • 

     CURSO

     React con Typescript: dominando los componente y la gestión de su estado

     10h

     Faça esse curso e:

     • Conocer el tipado de propiedades y estados en TypeScript, lo que les permitirá escribir código más robusto y minimizar errores en tiempo de ejecución
     • Implementar el tipado de eventos para manejar interacciones de usuario de manera segura y eficiente, asegurando que su aplicación responda correctamente a las acciones
     • Gestionar formularios de manera efectiva, optimizando la experiencia del usuario y asegurando la validez de los datos ingresados
     • Mejorar la reutilización de componentes, facilitando el mantenimiento del código y promoviendo buenas prácticas de desarrollo
     • Desarrollar una mentalidad orientada a la calidad del código, al aprender a utilizar TypeScript para garantizar que sus aplicaciones sean escalables y fáciles de entender

     Más detalles
   • SITE

     Componentes React com TypeScript | Alura

   • 

     CURSO

     Consumo de datos: estado global con React y Typescript

     10h

     Faça esse curso e:

     • Aprenda a comprender e implementar efectos secundarios en una aplicación ReactJS
     • Implementar el consumo de datos desde API usando useEffect
     • Entiende el ciclo de vidas de componentes y como useEffect nos ayuda a gestionarlo
     • Conoce a ContextAPI como herramienta de gestión de estado global
     • Aprovecha a Typescript para tipar y mejorar la calidad de implementación de estado global
     • Combina a useReduce con ContextAPI para obtener un estado global escalable, organizado y mantenible

     Más detalles

2. 2 Explora el ecosistema

   Utiliza React Hook Form para gestionar formularios de manera eficiente, aplicando validaciones personalizadas y controlando mensajes de error. Gestiona el estado global con Redux y Redux Toolkit, utilizando store, reducer y slice. Optimiza el manejo de datos con createAsyncThunk y createEntityAdapter. Integra bases de datos NoSQL con Firebase, construyendo consultas personalizadas para filtros y paginación.

   • 

     CURSO

     React: gestiona y valida formularios con React Hook Form

     08h

     Faça esse curso e:

     • Instale y utilice la biblioteca React Hook Form para administrar formularios de manera eficiente
     • Domine el uso de métodos esenciales como useForm, registrarse y handleSubmit para controlar el comportamiento de los formularios
     • Aplicar validaciones personalizadas para garantizar la integridad de los datos enviados
     • Manejar los mensajes de error de manera efectiva para proporcionar comentarios a los usuarios
     • Validar datos de API externas y habilitar la función de autocompletar
     • Integre componentes de bibliotecas de terceros para optimizar la experiencia de desarrollo

     Más detalles
   • ARTIGO

     Estados globales: diferencias entre Redux y Context API

   • 

     CURSO

     Redux: manejando estados en React

     14h

     Faça esse curso e:

     • Conoce a Redux, gestor de estado robusto para aplicaciones de tamaño intermedio o grande
     • Implementa estados a gran escala usando a Redux ToolKit como facilitadora cuando usamos Redux
     • Reconoce y utiliza conceptos como store, reducer y slice en la gestión de estado de tu aplicación
     • Usa a createAsyncThunk para facilitar el consumo de datos con Redux e Redux ToolKit
     • Comprende y aprovecha a createEntityAdapter como herramienta para gestión de colecciones de datos
     • Implementa bases de datos noSQL usando a Firebase como servicio de datos
     • Construye consultas personalizadas para lograr implementar operaciones como filtros y paginación

     Más detalles
   • ARTIGO

     Comprendiendo Firebase y sus características principales

3. 3 Escribiendo pruebas

   En esta etapa de la formación vas a aprender a probar aplicaciones React utilizando varias herramientas y técnicas avanzadas. Además, tendrás la oportunidad de dar tus primeros pasos en pruebas usando TDD y TypeScript, que son técnicas clave para asegurarte de que las aplicaciones funcionen correctamente y sin errores.

   Gracias a estos recursos y habilidades, estarás preparado para crear aplicaciones React robustas y confiables, que ofrezcan seguridad al añadir nuevas funcionalidades.

   • ARTIGO

     Tipos de pruebas: ¿cuáles son las principales y por qué utilizarlas? | Alura Cursos Online

   • 

     CURSO

     React: testeando tus componentes

     12h

     Faça esse curso e:

     • Implementa tests que garanticen el comportamiento de los componentes
     • Usa Vitest para hacer aserciones
     • Describir la técnica TDD
     • Explicar los diferentes tipos de tests
     • Reconozca los beneficios de los tests

     Más detalles