К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
React avanzado · LearnSpace
Назад в каталог
courseraПрограммирование

React avanzado

Курс от Meta
Средний≈ 26.3 чИспанский
О курсеНавыкиПрограммаПреподаватели

О курсе

Aprenda a utilizar conceptos y funciones de React más avanzados, a dominar JSX y a probar sus aplicaciones con confianza. Examinará diferentes tipos de componentes de React y aprenderá diversas características y cuándo utilizarlos. Analizará enlaces más avanzados y creará los suyos propios. Verá cómo crear formularios con React. Explorará la composición de componentes y nuevos patrones, como los componentes de orden superior y los accesorios de renderizado. Creará una aplicación web que consume datos de la API y se familiarizará con las integraciones, herramientas y técnicas de prueba de marco React más utilizadas. Al final de este curso, podrá: • Renderizar listas y componentes de manera eficiente en React. • Elevar estados compartidos cuando diversos componentes requieren de datos actualizados. • Utilizar el contexto de React para compartir el estado global de un árbol de componentes. • Obtener datos de un servidor remoto. • Utilizar enlaces avanzados en React, y ponerlos en uso dentro de su aplicación. • Crear sus propios enlaces personalizados. • Entender JSX en profundidad. • Adoptar técnicas de composición de componentes. • Utilizar patrones avanzados para encapsular comportamientos comunes a través de los componentes de orden superior y los accesorios de renderizado. • Probar sus componentes React. • Construir un portafolio utilizando React. Obtendrá experiencia con las siguientes herramientas y software: • React.js • JSX • React • HTML, CSS, y JavaScript • VSCode Podrá aprovechar el potencial de este curso para desarrollar nuevas habilidades, mejorar la productividad, actuar eficazmente con datos e impulsar su carrera. Para realizar este curso, debe comprender los conceptos básicos de React, HTML, CSS y JavaScript. ¡Además, siempre ayuda a tener una actitud positiva!

Навыки, которые вы освоите

React.jsContext ManagementJest (JavaScript Testing Framework)Software Design PatternsJavaScript FrameworksSoftware TestingUI ComponentsFront-End Web DevelopmentJavascriptFrontend IntegrationUnit TestingDevelopment EnvironmentFrontend PerformanceTest Script DevelopmentCode ReusabilityWeb Development Tools

Программа курса

4 модулей · 113 учебных материалов

01Componentes38 материалов

Introducción al curso

Introducción al cursoВидеоReact y sus oportunidades profesionalesВидеоPrograma del cursoЧтениеEncuentro y saludoОбсуждение

Учитесь у экспертов

Taught by Meta Experts

Преподаватель курса

React avanzado
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 26.3 ч

4 модулей

Язык: Испанский

Субтитры: Английский

Часть программы вашего университета
Cómo tener éxito en este cursoЧтение
Configurar un proyecto de React en VS Code (opcional)Чтение
Configuración de VS Code (opcional)Видео
Instalación de Node y NPM (opcional)Чтение
Trabajar con laboratorios en este cursoЧтение
Diseños de cuadrículaВидео

Renderizado de listas en React

Transformación de listas en JavaScriptВидеоRenderizar un componente de lista simpleВидеоEjercicio: Crear un componente de lista básicoЛабораторнаяSolución: Crear un componente de lista básicoЧтениеAutoevaluación: Crear un componente de lista básicoЗадание¿Qué son las claves en React?ВидеоUso de claves en componentes de listaВидеоComprobación de conocimientos: Renderizado de listas en ReactЗаданиеRecursos adicionalesЧтение

Formularios en React

¿Qué son los componentes controlados?ВидеоComponentes controlados vs. componentes no controladosЧтениеCreación de un componente de formulario en ReactВидеоCrear un componente de formulario controladoВидеоEjercicio: Crear un formulario de inscripciónЛабораторнаяSolución: Crear un formulario de registroЧтениеAutoevaluación: Crear un formulario de inscripciónЗаданиеComprobación de conocimientos: Formularios en ReactЗаданиеRecursos adicionalesЧтение

Contexto de React

Qué sabe sobre las propiedades y el estadoВидео¿Qué es Context y por qué se utiliza?ВидеоEjercicio: Crear un conmutador de temas claros y oscurosЛабораторнаяSolución: Crear un conmutador de temas claros y oscurosЧтениеAutoevaluación: Crear un conmutador de temas claros y oscurosЗаданиеCómo funciona la rerenderización con ContextЧтениеComprobación de conocimientos: Contexto de ReactЗаданиеResumen del módulo: ComponentesВидеоCuestionario del módulo: ComponentesЗаданиеRecursos adicionalesЧтение
02Enlaces de React y enlaces personalizados33 материалов

Introducción a HTML

Trabajar con enlaces de ReactВидеоRevisión del enlace useStateВидеоTrabajar con datos complejos en useStateЧтениеUso del enlace useStateВидеоEjercicio: Gestión del estado de un componenteЛабораторнаяSolución: Gestión del estado de un componenteЧтениеAutoevaluación: Gestión del estado de un componenteЗадание¿Qué son los efectos secundarios?Видео¿Qué es el enlace useEffect?ЧтениеUso del enlace useEffectВидеоComprobación de conocimientos: Introducción a enlacesЗаданиеRecursos adicionalesЧтение

Reglas de los enlaces y obtención de datos con enlaces

¿Cuáles son las reglas de los enlaces?ВидеоQué saber antes de obtener datosВидеоObtención de datos mediante enlacesЧтениеObtención de datos - Recopilación de datosВидеоEjercicio: ¿Puede obtener datos?ЛабораторнаяSolución: ¿Puede obtener datos?Чтение

Enlaces avanzados

Qué es useReducer y en qué se diferencia de useStateВидеоCuándo elegir useReducer frente a useStateЧтениеuseRef para acceder al DOM subyacenteВидеоEnlaces personalizadosЧтениеEjercicio: Cree su propio enlace personalizado, usePreviousЛабораторнаяSolución: Crear su propio enlace personalizado, usePreviousЧтение
03JSX y pruebas31 материалов

Análisis profundo de JSX

JSX, componentes y elementosВидеоLa importancia del rendimiento en el desarrollo de softwareВидеоComposición de componentes con elementos secundariosВидеоTipos de elementos secundariosЧтениеManipulación dinámica de elementos secundarios en JSXВидеоEjercicio: Construir un componente de grupo de radioЛабораторнаяSolución: Construir un componente de grupo de radioЧтениеAutoevaluación: Construir un componente de grupo de radioЗаданиеAtributos de SpreadВидеоComprobación de conocimientos: JSXЗаданиеRecursos adicionalesЧтение

Reutilización de comportamientos

Cuestiones transversales en ReactВидеоComponentes de orden superiorЧтениеCrear una HOC para la posición del cursorВидеоPropiedades de renderizaciónВидеоEjercicio: Implementación de la posición del desplazador con propiedades de renderizadoЛабораторнаяSolución: Implementación de la posición del desplazador con propiedades de renderizadoЧтение

Pruebas de integración con React Testing Library

Por qué React Testing LibraryВидеоEscribir la primera prueba para su formularioВидеоEjercicio: Escribir más escenarios de pruebaЛабораторнаяSolución: Escribir más escenarios de pruebaЧтениеAutoevaluación: Escribir más escenarios de pruebaЗаданиеIntroducción a la integración continuaЧтение
04Proyecto final11 материалов

Evaluación con calificación

Resumen del curso: React avanzadoВидеоSobre el proyecto finalЧтениеBibliotecas externas popularesЧтениеCree su carpeta de proyectosЛабораторнаяRevisar la cartera de un compañeroВзаимная проверкаRecorrido por la solución: CarteraВидеоCódigo de soluciónЧтениеExamen final con calificación React avanzadoЗадание

Resumen del curso

¡Enhorabuena, ha completado React avanzado!ВидеоReflexionar sobre el aprendizajeОбсуждениеPróximos pasosЧтение
Autoevaluación: ¿Puede obtener datos?Задание
APIВидео
Comprobación de conocimientos: Reglas de los enlaces y obtención de datos con enlacesЗадание
Recursos adicionalesЧтение
Autoevaluación: Cree su propio enlace personalizado, usePreviousЗадание
Comprobación de conocimientos: Enlaces avanzadosЗадание
Resumen del módulo: Enlaces de React y enlaces personalizadosВидео
Cuestionario del módulo: Enlaces de React y enlaces personalizadosЗадание
Recursos adicionalesЧтение
Autoevaluación: Implementación de la posición del desplazador con propiedades de renderizadoЗадание
Comprobación de conocimientos: Reutilización de comportamientosЗадание
Recursos adicionalesЧтение
Guías de estiloВидео
Comprobación de conocimientos: Pruebas automatizadasЗадание
Resumen del módulo: JSX y pruebasВидео
Cuestionario del módulo: JSX y pruebasЗадание
Recursos adicionalesЧтение