Ver todas las Rutas
Aprender React para Desarrollo Frontend
React es una biblioteca de JavaScript desarrollada en Facebook para construir interfaces de usuario. Esta Pista te dará una base sólida para trabajar con React.
React te permite describir cómo debe mostrarse tu aplicación de una manera fácil de entender. También ayuda a eliminar la complejidad que viene con la actualización de tus elementos DOM cuando los usuarios interactúan con tu aplicación. ¡React cambiará la forma en que piensas sobre la construcción de aplicaciones web!
Antes de inscribirte en esta Pista, recomendamos los cursos JavaScript Loops, Arrays, and Objects, y Object-Oriented JavaScript como requisitos previos.
Comenzaremos con un curso introductorio sobre React, donde aprenderás sobre componentes, props, estado y algunas otras cosas fundamentales.
La siguiente parte de la Pista te guiará sobre cómo configurar una Aplicación React, y luego aumentarás tus habilidades en React mejorando tu comprensión de componentes funcionales, hooks useState y useEffect, y cómo dividir tu interfaz de usuario en componentes reutilizables y componibles.
Aprenderemos cómo obtener datos en tus aplicaciones React. Luego, nuestro curso React Router 6 Basics te enseñará a usar React Router v6, una solución de enrutamiento declarativa para React, para administrar la navegación y la representación de componentes en tus aplicaciones.
Finalmente, aplicaremos todo este conocimiento usando la API de Context, aprendiendo cómo agregar autenticación a tus aplicaciones y terminando con la construcción e implementación de tu propio portafolio para mostrar a los posibles empleadores.
¿Listo para comenzar a trabajar con React? ¡Empecemos!
-
Un salario de nivel inicial para las tecnologías cubiertas en esta ruta es aproximadamente $90,000 / año en promedio.
-
Algunas empresas que utilizan estas tecnologías regularmente incluyen: Netflix, Airbnb, Facebook, Home Depot, IBM Design
¿Listo para comenzar a aprender?
Treehouse ofrece una prueba gratuita de 7 días para estudiantes nuevos. Obtén acceso a miles de horas de contenido. Aprende a programar, consigue el trabajo de tus sueños.
Comienza Tu Prueba Gratuita
-
Curso
- 1
- 2
- 3
- 4
Fundamentos de React
React es una biblioteca de JavaScript para construir interfaces de usuario. React hace que la construcción y el mantenimiento de la interfaz de usuario de tu aplicación sea más rápido y fácil al dividirla en componentes más pequeños y reutilizables. También ayuda a eliminar la complejidad de actualizar tus elementos DOM cuando el usuario interactúa con tu aplicación.
-
11 minPráctica
Practica la Representación de Componentes React
Mejora tus habilidades en React practicando JSX, creando y representando componentes, pasando props, iterando sobre datos y más.
Visto -
21 minTaller
Cómo Configurar una Aplicación React
React es una biblioteca de JavaScript popular utilizada para construir interfaces de usuario. En este taller, aprenderás cómo configurar una aplicación React desde cero usando Create React App y Vite. En este curso, aprenderás paso a paso cómo crear un nuevo proyecto React, los archivos de inicio con los que cada herramienta te comienza y los comandos predeterminados que incluye.
Visto -
Curso
- 1
- 2
- 3
- 4
- 5
Componentes React
Los componentes son los bloques de construcción fundamentales de una aplicación React. Este curso aumentará tus habilidades en React proporcionando una mejor comprensión de componentes funcionales, estado y métodos de ciclo de vida, y cómo dividir tu interfaz de usuario en componentes reutilizables y componibles.
-
15 minPráctica
Practica el Estado en React
Practica inicializar y administrar el estado en React construyendo un componente de calificación de estrellas.
Visto -
43 minTaller
Obtención de Datos en React
Aprende diferentes métodos para obtener datos externos en React y cómo mostrar los datos en tu aplicación.
Visto -
Curso
- 1
- 2
- 3
React Router v6 Conceptos Básicos
Aprende a usar React Router v6, una solución de enrutamiento declarativa para React, para administrar la navegación y la representación de componentes en tus aplicaciones.
-
54 minTaller
API de Context de React
En el flujo de datos típico de React, los componentes se comunican entre sí a través de props. Un componente padre pasa props a componentes secundarios. A veces, los componentes intermediarios reciben props con el único propósito de pasar esos datos uno (o varios) niveles más abajo. Esta cascada de props a menudo se conoce como "prop drilling". La API de Context de React proporciona una forma de pasar datos a componentes sin tener que pasar props manualmente en cada nivel.
Visto -
Curso
- 1
- 2
- 3
Autenticación en React
En este curso, aprenderás cómo implementar el esquema de Autenticación Básica en una aplicación React usando una API REST de Express.
-
19 minTaller
Implementación de una Aplicación React
Aprende cómo crear una compilación de producción de tu aplicación React e implementarla en un servidor usando herramientas y servicios gratuitos como Vercel y Netlify.
Visto -
24 minTaller
Crea un Portafolio Usando React
Construye un portafolio impresionante con React que muestre tus habilidades a los posibles empleadores. Comenzaremos con estilos proporcionados y nos enfocaremos en crear componentes y agregar interactividad. El portafolio tendrá un diseño mobile-first y será fácil de usar para todos. Al final, tendrás un portafolio simple pero impresionante para mostrar a los posibles empleadores.
Visto -
2 minInstrucción
¿Puede la IA Escribir Aplicaciones React?
Explora la fusión de la IA y React a través de tutoriales y demostraciones en vivo, descubriendo cómo herramientas como ChatGPT y GitHub Copilot mejoran la eficiencia del desarrollo y la experiencia del usuario, mientras presencias ejemplos en tiempo real de aplicaciones React impulsadas por IA....(continuar leyendo)
Visto -
2 minInstrucción
Próximos Pasos y Oportunidades de Práctica
Descubre los próximos pasos para dominar los hooks de React, incluyendo la exploración de useReducer y hooks personalizados, junto con oportunidades de práctica práctica a través de Code Adventures....(continuar leyendo)
Visto -
30 minExamen
Examen Final de la Pista Aprender React
Pon a prueba tus habilidades de Aprender React. Este examen final incluye una mezcla de tipos de preguntas para evaluar lo que has aprendido. Aprueba para ganar tu certificado.
-
Finalización de la Ruta
Esta ruta incluye:
- Fundamentos de React 2 horas
- Practica la Representación de Componentes React 11 min
- Cómo Configurar una Aplicación React 21 min
- Componentes React 2 horas
- Practica el Estado en React 15 min
- Obtención de Datos en React 43 min
- React Router v6 Conceptos Básicos 91 min
- API de Context de React 54 min
- Autenticación en React 106 min
- Implementación de una Aplicación React 19 min
- Crea un Portafolio Usando React 24 min
- ¿Puede la IA Escribir Aplicaciones React? 2 min
- Próximos Pasos y Oportunidades de Práctica 2 min
- Examen Final de la Pista Aprender React 30 min