React.js está diseñado para hacer que el proceso de construcción de componentes de interfaz de usuario modulares y reutilizables sea sencillo e intuitivo. Este curso te guía a través de los fundamentos del desarrollo de React, incluyendo el uso de los hooks de React, una nueva característica que comienza en React 16.8 y que permite a los desarrolladores añadir funcionalidad a los componentes sin escribir clases.

Tiempo Total en Video

Producido por

PRIVATE

2 hours, 55 minutes

En este programa aprenderás:

✓ ¿Qué es React.js? ✓ Creación y renderización de elementos React. ✓ Introducción a JSX. ✓ Creación de un componente React. ✓ Gestión del estado con hooks. ✓ Uso de variables multiestado. ✓ Obtención de datos. ✓ Despliegue de una aplicación React.

Contenido de el curso

    • Lo que debe saber 00:01:21
    • ¿Qué es React? 00:01:10
    • Configuración de herramientas de Chrome para React 00:01:39
    • Configuración de herramientas de desarrollo de Firefox para React 00:01:32
    • Autoevaluación #1 00:10:00
    • Instalación de la aplicación Create React 00:03:04
    • Generando un proyecto 00:02:34
    • Creando elementos React 00:03:24
    • Refactorización de elementos usando JSX 00:03:22
    • Autoevaluación #2 00:10:00
    • Creando un componente de React 00:03:36
    • Agregar propiedades de componentes 00:03:31
    • Trabajar con listas 00:03:36
    • Agregar claves a elementos de la lista 00:03:27
    • Visualización de imágenes con React 00:02:59
    • Usando fragmentos 00:03:41
    • Autoevaluación #3 00:20:00
    • Representación condicional 00:04:03
    • Desestructurar matrices y objetos 00:03:44
    • Comprender el gancho useState 00:04:48
    • Trabajar con useEffect 00:04:12
    • Autoevaluación #4 00:15:00
    • Actualización con la matriz de dependencia useEffect 00:03:49
    • Obteniendo datos con Hooks 00:03:08
    • Incorporando useReducer 00:01:42
    • Implementar una aplicación react 00:03:26
    • Autoevaluación #5 00:10:00
    • Uso de la aplicación Create React como plataforma de prueba 00:01:46
    • Prueba de pequeñas funciones con Jest 00:02:33
    • Presentamos la biblioteca de pruebas React 00:02:46
    • Prueba de Hooks con la biblioteca de pruebas React 00:03:50
    • Autoevaluación #6 00:10:00
    • Instalación de React Router 6 00:02:08
    • Configurar el enrutador 00:02:53
    • Incorporación del componente de enlace 00:03:00
    • Anidamiento de enlaces con React Router 6 00:02:26
    • Próximos pasos 00:01:13
    • Autoevaluación #7 00:10:00