OpenWebinars
Frontend
React

Curso de React para principiantes

Aprender a crear aplicaciones web sencillas basadas en React desde cero y empieza a dominar una de las librerías más usadas creada por Facebook.

4.2(476 valoraciones)

Icono de la tecnología

No solo ofrecemos cursos; facilitamos un camino hacia la excelencia tecnológica para empresas que aspiran a liderar el cambio.

  • Relación continua de asesoramiento con especialistas.
  • Dashboards intuitivos y un LMS que se integra sin fisuras.
  • Formación práctica con líderes del sector.
  • Itinerarios que se adaptan a tus metas empresariales.
  • Acceso 24/7 a 1.450 cursos especializados y actualizados.

Para profesionales que necesitan mejorar sus habilidades y acelerar su carrera profesional.

  • Acceso 24/7 a 1.050 cursos tecnológicos y digitales para que siempre estés al día.
  • Certificados para agregar valor a tu CV.
  • Tutores y profesores con experiencia real.
  • Rutas de aprendizaje para avanzar más rápido.
  • Test de aptitudes para medir tu progreso.
Comenzar Prueba Gratis

Disfruta de 15 días de acceso total sin coste y sin compromiso.

Curso impartido por

Avatar:Álvaro Yuste Torregrosa

Álvaro Yuste Torregrosa

Experto en Frontend

Contenido del Curso

5 Secciones · 39 Lecciones · 5 h. y 44 min. en total

Introducción al curso

4 min.

Fundamentos y origen

1 h. y 20 min.

Crear una aplicación en React

1 h. y 16 min.

Renderizado de componentes en el DOM

1 h. y 17 min.

Comunicación y estado de los componentes

1 h. y 44 min.

Habilidades que obtendrás

  • Conocer los fundamentos teóricos de React.
  • Empezar un proyecto con React desde cero.
  • Renderizar y estilizar componentes sencillos basados en JSX.
  • Gestionar las propiedades y el estado de los componentes.
  • Entender y aprovechar los eventos del ciclo de vida de los componentes.

Requisitos mínimos

Se requiere conocimiento intermedio de HTML, CSS y Javascript. Además es conveniente tener algo de soltura con los comandos básicos de consola y el gestor de paquetería NPM.

Valoración de nuestros alumnos

4.2
476 valoraciones
  • 5
  • 4
  • 3
  • 2
  • 1
Excelente curso, sin embargo al ser un curso básico e inicial, sería bueno mostrar todo el paso a paso debido a que uno puede perderse y lleva tiempo en encontrar los cambios y realizarlos.
JOSE JULIAN SALINAS GARAVITO
Muy bueno, pero me dio problemas la configuración inicial, intalar el node y el npm , pero el resto me dio error, lamentablemente no puede realizar los ejercicio, pero intentare volver hacerlo desde cero hará lograrlo.
TATIANA VALERIA MIDENCE RODRIGUEZ

Completa tu formación con estos contenidos

Icono de la tecnología
Curso

ECMAScript

Avanzado
1 h. y 10 min.

En esta formación aprenderás a cumplir el estándar de JavaScript que se define en la normativa ISO/IEC 22275:2018.

Armando Torres
4.8
Icono de la tecnología
Curso

Dominando Vue

Intermedio
5 h. y 5 min.

Este curso es una inmersión en Vue 3 y todo lo que nos ofrece la última versión del...

Laura González Martin
4.4
Icono de la tecnología
Curso

Vue en la práctica

Intermedio
3 h. y 20 min.

Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista...

Laura González Martin
4.5

FORMACIÓN EMPRESARIAL

Descubre cómo OpenWebinars puede ser el socio estratégico en el desarrollo profesional de tu equipo

Más de 300.000 profesionales de distintas industrias han encontrado en nuestra metodología y contenidos la clave para su transformación digital. Únete a líderes del sector que ya han elevado la formación de sus equipos con nosotros.

CetelemLogo
TelefonicaLogo
VassLogo
AccentureLogo
IbermaticaLogo
MapfreLogo
OpenWebinars

/ business

La formación que tu equipo merece, los resultados que tu empresa necesita

Asesoría Personalizada

Una relación continua de asesoramiento con especialistas dedicados a maximizar el impacto formativo en tu equipo.

Herramientas Avanzadas

Dashboards intuitivos y un LMS que se integra sin fisuras con tu infraestructura actual a través de SSO.

Itinerarios Personalizados

Diseñamos un mapa de las rutas formativas de tus equipos que se alinea con los objetivos estratégicos y operativos de tu empresa.

Expertos de la Industria

Los profesores de OpenWebinars son líderes en sus campos, brindando conocimientos prácticos que transforman la teoría en habilidades aplicables.

Formación On-Demand

Accede a un catálogo de contenidos que evoluciona al ritmo de la tecnología, disponible 24/7, para que nunca dejes de avanzar.

Desarrollo Profesional Continuo

Más de 1.450 cursos especializados y actualizados, diseñados para mantener a tu empresa a la delantera de la innovación tecnológica.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias.
Conviértete en el experto que el mercado tecnológico busca

Amplia Biblioteca de Cursos

Más de 1.050 cursos especializados en tecnología y negocios digitales, disponibles 24/7 para que aprendas a tu ritmo y según tus intereses.

Dominio en Tecnologías Emergentes

Acceso a formaciones de IA, Cloud, Data, Ciberseguridad y Desarrollo, para mantenerte a la vanguardia en las áreas más innovadoras.

Certificaciones Profesionales

Completa tu formación y obtén certificados que agreguen valor a tu CV, destacando en un mercado laboral competitivo.

Expertos de la Industria

Aprende de aquellos que no solo enseñan, sino que innovan, profesores que traen experiencias del mundo real a tu pantalla.

Rutas de Aprendizaje

Ya sea que estés empezando o buscando acelerar tu progreso, encuentra cursos alineados con tus aspiraciones y desafíos profesionales.

Evaluaciones Prácticas

Test de aptitudes y evaluaciones para seguir tu avance y enfocar tu desarrollo donde más lo necesitas.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias. Comenzar Prueba Gratis
Elige el Plan de OpenWebinars que impulse tu transformación
La metodología, contenidos y plataforma de formación que se adapta al tamaño y ritmo de tu empresa, sea una gran Corporación, una Startup o una Empresa en crecimiento
OpenWebinars Business Soluciones escalables y personalizadas para tu empresa
Acceso 24/7 a 1.450 cursos especializados y actualizados
Automatizaciones y planificador de licencias
Itinerarios personalizados que se adaptan a tus metas empresariales
Creación de informes avanzados y personalizados
Dashboards intuitivos para gestionar la formación y analizar progresos
Customer Success dedicados a maximizar el impacto en tu equipo
Gestor de contenido propio (LMS): Total control en el contenido formativo
Personalización de la experiencia: Integración visual que refleja tu marca
Implementación de SSO: Integración perfecta con tus sistemas internos
Acceso a API: Conecta OpenWebinars con tus propias apps y flujos de trabajo
Básico Mensual

39,90€/mes

Ideal para profesionales con necesidades específicas a corto plazo o que prefieren una flexibilidad total.

Acceso 24/7 a 1.050 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Suscríbete ahora
Experto Anual

225€/año

18,75€/mes (Ahorras 6 meses)

Para profesionales que buscan ahorrar en su formación continua y quieren convertirse en expertos demandados.

Acceso 24/7 a 1.050 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Comenzar Prueba Gratis Disfruta de 15 días de acceso total sin coste y sin compromiso.

Preguntas frecuentes

Resuelve tus dudas o contacta con nosotros para más información.

Sí, React se programa con JavaScript.

Te recomendamos que dispongas una base sólida en HTML y programación JavaScript. Te recomendamos que realices el curso de JavaScript profesional antes de comenzar con React si no dispones de conocimientos asentados sobre este lenguaje de programación.

React es una libreria javascript que se centra en el desarrollo de interfaces usuario (UI). Ese es su principal enfoque pero con React podrás realizar multitud de aplicaciones web, SPA, aplicaciones móviles e incluso para escritorio.

React es una librería que fue creada por Facebook, es software libre y tiene una gran comunidad de usuarios, que cada vez crece más.

Muchas de las aplicaciones que usas a diario usan React, desde la propia aplicación de Facebook, hasta Instagram, pasando por Airbnb, Netflix, Dropbox y muchas más,

React es una libreria completa que te permitirá un desarrollo mucho más ágil, ordenado y la creación de proyectos mantenibles de gran rendimiento.

Te recomiendo que leas está Introducción a React que hemos creado para tí.

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

becasBannerImg
+90.000 ESTUDIANTES CADA AÑO

Becas OpenWebinars

Para Centros de FP y Universidades de España

Colaboramos con más de 750 centros de Formación Profesional en España para dotar a los estudiantes IT de los recursos necesarios para afrontar el mercado laboral con las máximas garantías.

logoBecas

¿Quieres aprender React desde cero? Te proponemos este curso React totalmente actualizado, con el que vas a poder comenzar a aprender React JS de forma práctica además de teórica, para que los conceptos los puedas comprender mejor.

Este curso de React te va a permitir comenzar a desarrollar interfaces de usuario y completas aplicaciones web utilizando este framework de JavaScript. Si quieres mejorar tus conocimientos en esta área y mejorar tu empleabilidad, aprender React es una opción muy acertada.

Para poder realizar de una forma satisfactoria y sacarle todo el provecho posible a este curso de React JS solo vas a necesitar tener conocimientos en desarrollo web básico, es decir, tener una buena base en HTML, CSS y JavaScript. Adicionalmente se recomienda tener soltura a la hora de utilizar el gestor de paquetes NPM y la herramienta SCSS.

Al inicio del curso verás introducción en la que podrás conocer al profesor que imparte la formación, los conocimientos que posee sobre la materia, cómo se va a estructurar el curso React JS y los motivos por los que a día de hoy sigue siendo interesante aprender a manejar esta tecnología.

Tras esta primera toma de contacto, comienza el primer bloque de este curso, que se centra en los fundamentos de la librería React, para que conozcas bien los mismos y a partir de ahí puedas comprender mejor el funcionamiento de ReactJS.

Los fundamentos que verás en esta primera parte del curso son los sistemas de diseño en React, un repaso al JavaScript moderno, el funcionamiento interno de React y finalmente el ecosistema que tiene React alrededor, es decir, las herramientas y servicios que le rodean.

Sobre los sistemas de diseño te contamos un poco la historia de los mismos hasta llegar al que utiliza React, explicando el sistema de encapsulación y el denominado Atomic Design, una tendencia muy interesante que está tomando bastante importancia.

En el apartado de JavaScript moderno veremos las características y funcionalidades que ofrece este lenguaje en los últimos tiempos, y que han hecho posible que exista ReactJS. En concreto el tutor se centrará en varias de ellas, como son los identificadores, las arrow functions, strings literals o templates de strings, la destructuración de objetos y arrays, las clases y los módulos.

A continuación se va analizar más en detalle lo que sería la anatomía de React, para que comprendas qué ocurre por debajo cuando se utiliza y se ejecuta en el navegador. Se verá la misma dividida en dos partes, la reconciliación y la renderización, las dos fases de las que se compone el proceso de uso de la librería.

En cuanto al ecosistema de React te hablaremos sobre React DOM, React Router, Redux, Formik, Jest y Parcel, explicando para qué sirve cada una de ellas y cómo se complementan con el core de ReactJS. Y para completar te proponemos un ejercicio práctico para que apliques los conocimientos adquiridos en este primer apartado.

Pasando ya al segundo bloque del curso, dónde comenzarás a aprender cómo crear una aplicación basada en React, comenzando por crear el entorno necesario para empezar. Esta primera fase de la generación de la aplicación se divide en cuatro partes, las dependencias, el empaquetado, el estilo de código y las herramientas de desarrollo y debug de nuestras aplicaciones.

Durante las clases que conforman este segundo bloque adquirirás los conocimientos explicados a nivel teórico apoyados por el desarrollo práctico de los mismos, ya que el tutor del React curso mostrará de forma aplicada todo que explique desarrollando el código de forma guiada.

Una vez completada la primera fase del desarrollo de la aplicación con React, en el tercer módulo del curso se entrará en el renderizado de componentes en el DOM, para extender la aplicación, hacerla totalmente funcional y mostrarla en pantalla.

Este bloque de render se divide en cuatro segmentos, para poder ver el proceso paso a paso, en los que se explicarán los componentes de React, qué es JSX y sus fundamentos, cómo estilizar las vistas generadas y el renderizado dinámico de las vistas.

En primer lugar se explicará toda la parte teórica de estos cuatro segmentos, y una vez se hayan visto todos en detalle, se van a aplicar en forma de dos ejercicios en los que verás cómo se utiliza toda esa teoría que se ha desarrollado en las clases anteriores.

De esta forma llegamos al final del curso, en la que veremos el bloque de comunicación y estado de los componentes de nuestra aplicación React. Este bloque se subdivide a su vez en tres apartados, que son las propiedades de los componentes (Props), el estado de los componentes (State) y el ciclo de vida de los mismos (Lifecycle).

Tras las clases puramente teóricas, tienes cuatro ejercicios muy interesantes, en los que podrás ver cómo utilizar todo lo que has visto antes para aplicarlo a la aplicación que se está desarrollando a lo largo de la formación. En este caso se completará la misma y quedará una aplicación totalmente funcional.

Verás que es una formación realmente completa y muy indicada para iniciarse en React JS desde cero. No lo dudes y comienza ya este curso de Reactjs, aprender React desde cero nunca fue tan sencillo, y una vez que completes este curso básico de React podrás seguir con los siguientes niveles que te proponemos en nuestra plataforma.