Scratch the image to get a discount on your course. You can apply the coupon at checkout.

5.0 /5
(24)

77
Bienvenidos al curso de React JS
¿Qué vas a aprender y cómo obtener ayuda en el curso?
Cómo sacarle el máximo partido al curso
Únete a la Comunidad de Estudiantes en Discord
Archivos de todos los proyectos y el código fuente
Take notes of your course in real time at Frogames Formación
Un breve aperitivo acerca de React JS
Algunas preguntas que seguro que ahora mismo tienes
Let, Const y Var en 4 minutos
Cómo instalar NodeJS
Crea tu primer proyecto con React
¿Qué necesitas para crear un proyecto de React?
Crea tu primera app con React
¿Cómo se para una app de React?
Nuestra primera componente funcional
Convertir HTML a JSX
Estilizado inline con JSX en React JS
Variables de Javascript en JSX
Tres principios básicos sobre las componentes
Una app simple con React: comentarios de una red social
Estilizar una app con Semantic UI
Construir componentes con JSX
Indicar la ruta de una imagen en React JS
Duplicar una componente simple
Anidado de componentes
El sistema de props
Cómo pasar props a un hijo
Revisión de componentes reutilizables
El prop children
Descarga el proyecto de blog posts desde Github
Componentes basadas en clases y componentes funcionales
Cómo se verá nuestra app
Cómo obtener la ubicación física del usuario
Manejo de operaciones asíncronas en React
Cómo convertir una componente funcional en una basada en clases
Reglas de estados
Inicialización de los estados en el constructor
Los métodos de ciclo de vida
Rendering condicional
Acerca de los métodos de ciclo de vida
Refactorización de la app para incluir métodos de lifecycle
Transferir estados a través de props
Expresiones ternarias con JSX
Cómo mostrar una imagen
Cómo estilizar la app con CSS personalizado y Semantic UI
Herramientas de desarrollo gratuitas para React
Revisión final de la App
Descarga el proyecto final de geoposición desde Github
Cómo se verá la app
Diseño de componentes
El uso de formularios y campos de entrada
Estilizado de la app
Creación de Event Handlers
Elementos controlados vs no controlados
¿Para qué sirven los elementos controlados?
La palabra reservada 'this' en Javascript
Comunicación de hijos a padres
Cómo invocar callbacks en los hijos
Obtención de datos
Axis vs Fetch
Función Async Await
Configurar el estado
Cómo renderizar una lista de componentes
Implementar el valor key en los objetos de la lista
¿Qué hemos aprendido en esta app?
Descarga el proyecto final usando la API de Pixabay desde Github
Creación del Proyecto
React Router
Los Links y los Nav Links
Redirect programados
Parámetros de Route
Etiqueta Switch de React Router
Cómo crear un modal
¿Para qué sirve React Portals?
Creación de React Portals
Descarga el proyecto de React Router desde Github
Enhorabuena por completar el curso de React JS

instructor

5.0 /5
(24)

  • Avatar
    Nieves
    (5)
    construye interfaces modernas, dinámicas y escalables paso a paso

    Este curso fue justo lo que necesitaba para entender React sin sentirme abrumado. Empezamos desde lo más básico: componentes, props, estado… y poco a poco fuimos armando aplicaciones reales que respondían al usuario, se actualizaban solas y se veían modernas.

  • Avatar
    Jorge
    (5)
    Directo al grano con lo que importa

    Me encanta que no se quedan dando vueltas en la teoría, te lanzan ejemplos prácticos de inmediato; esto me permitió construir interfaces dinámicas en un fin de semana, algo que antes me habría tomado semanas de pura lectura.

  • Avatar
    Angel
    (5)
    React JS: Learn React JS from scratch with practical examples

    Este curso introductorio está diseñado para enseñar React JS desde los fundamentos, utilizando ejemplos prácticos y proyectos reales. Aprenderás a crear componentes, manejar estados, trabajar con props, utilizar hooks y construir aplicaciones SPA (Single Page Applications). Se abordan temas como JSX, ciclo de vida de componentes, enrutamiento con React Router y consumo de APIs. Ideal para desarrolladores web que desean dominar React JS y construir interfaces modernas, dinámicas y escalables.

  • Avatar
    Jackeline
    (5)
    Me gustó que cada concepto se aplica en proyectos interactivos.

  • Avatar
    Nicolás
    (5)
    Fácil de seguir y muy práctico

  • Avatar
    Javi
    (5)
    Práctico y al grano

    Me encantó porque desde el primer momento estás haciendo cosas que funcionan. No se queda solo en la teoría que a veces cansa, sino que vas viendo resultados reales mientras avanzas. Es de esos cursos que terminas y sientes que de verdad aprendiste a armar algo moderno sin que te explotara el cerebro en el intento.

  • Avatar
    Rocío
    (5)
    Buen curso de React JS

  • Avatar
    Gustavo
    (5)
    React desde cero: construye interfaces dinámicas con ejemplos reales

    Este curso de React JS es una puerta directa al ecosistema moderno del desarrollo web. Diseñado para quienes parten desde cero, combina teoría clara con ejemplos prácticos que te llevan paso a paso desde los componentes básicos hasta la creación de aplicaciones interactivas.

  • Avatar
    Santiago
    (5)
    Ha estado bien. Me ha gustado por lo práctico que es

  • Avatar
    Omar Alejandro
    (5)
    muy bueno el curso

    El curso esta muy practico, desde mi punto de vista cubre lo esencial para poder programar con React

  • Avatar
    María
    (5)
    React JS por fin tiene sentido

    Había probado aprender React antes y siempre lo dejaba. Este curso fue distinto: los ejemplos prácticos me mantuvieron enganchada, y al final terminé mi primera app funcional. ¡Muy bien explicado!

  • Avatar
    Rosa
    (5)
    Entendí JSX, props y estado rápidamente gracias a este curso

  • Avatar
    Samuel
    (5)
    ¡La práctica hace la perfección!

    El curso me llevó de cero a crear aplicaciones completas. ahora entiendo cómo funciona el estado y los componentes. me siento todo un profesional

  • Avatar
    Gabriela
    (5)
    React ya no es un misterio para mí

    El curso de react js es brutal! los ejemplos prácticos son lo mejor, me ayudaron a entender cómo funciona todo desde cero. ahora me siento super confiada armando interfaces chulas

  • Avatar
    Javi
    (5)
    Genial el curso para una iniciación a React

    Es muy buen curso para dar los primeros pasos en React, fácil, bien explicado y si alguien como yo que le cuesta muchas veces entender las cosas ha sido capaz de entenderlo y poderse enfrentar a ciertos casos cualquiera puede. Recomendadísimo

  • Avatar
    Carlos
    (5)
    Me servira para hacer paginas mas dinamicas por medio de React, ¡Recomendado!

  • Avatar
    Caty
    (5)
    React JS desde cero con ejemplos prácticos

    Proporciona explicaciones claras y ejercicios practicos, facilitando la creacion de aplicaciones web dinamicas y eficientes

  • Avatar
    Marc
    (5)
    Sencillo entendimiento

    Contento con las enseñanzas, muy bien explicadas

  • Avatar
    Joiser
    (5)
    realmente increible

    Quedé completamente satisfecho con el curso de React JS. Aprendí desde cero con ejemplos prácticos y ahora puedo crear aplicaciones web modernas y dinámicas. ¡Recomendado sin dudarlo!

  • Avatar
    Yvonne
    (5)
    Completo y practico

    Es un curso muy practico con ejemplos claros que aplico en mi trabajo

  • Avatar
    David
    (5)
    Nuy interesante y ameno

    Curso relamente muy interesante y realmente ameno. Muy bueno para iniciarse en React y ampliar las posibilidades de desarrollo WEB.

  • Avatar
    BORJA
    (5)
    Excellent

    Very comprehensive course and very well explained.

  • Avatar
    Yeison
    (5)
    Aprendizaje desde cero

    Un curso que, desde cero como dice el nombre, permite mejorar mis aplicaciones web con JS, haciendo mis proyectos mas robustos y excelentes. Muchas gracias Frogames

  • Avatar
    Giovanni
    (5)
    Muy bien explicado

    Desde el manejo del estado hasta la creación de componentes reutilizables, todo se explica con una claridad asombrosa. Es perfecto si quieres actualizarte en las tecnologías web más demandadas y salir con proyectos reales bajo el brazo

View More Reviews

PLANS TO ACCESS ACCORDING TO YOUR GOALS AND NEEDS

Buy the individual course, get all the learning path or access the entire platform

Choose the payment method that best fits your needs and budget with a single course payment, monthly or annual access to the learning path, or even the entire platform.

Single Payment

Buy the course once and get lifetime access

39.99

  • Single payment
  • Instant lifetime access to the course
  • Access the course community
The Plus
Popular

Bronze Frog

Access all Frogames courses, communities, and extras

39 /month

  • One-time payment of 39€ per month
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel at any time without losing your progress

Ruta de Desarrollo Web

Accede a todos los cursos de la Ruta de Desarrollo Web

19.99 /month

  • One-time payment of €19.99 per month
  • Instant access to the 10+ courses in the path
  • Access the pathway 24 / 7, wherever and whenever you want
  • Cancel at any time without losing your progress

Single payment

Buy the course once and get lifetime access

39.99

  • Single payment
  • Instant lifetime access to the course
  • Access the course community
The Plus
Rated

Golden Frog

Access all Frogames courses, communities, and extras

349 /year

  • One-time payment of 349€ per year
  • 3 months discount
  • Instant access to all courses
  • Access the platform and communities 24/7, wherever and whenever you want
  • Cancel at any time without losing your progress
  • Resource Library
  • Monthly Q&A live sessions
  • Premium support

Ruta de Desarrollo Web

Accede a todos los cursos de la Ruta de Desarrollo Web

199 /year

  • One-time payment of €199 per year
  • 4 months discount
  • Instant access to the 10+ courses in the path
  • Access the pathway 24 / 7, wherever and whenever you want
  • Cancel at any time without losing your progress
  • Premium support

* All prices include taxes.

For your security, all orders will be processed on a secure server.

Ruta de Desarrollo Web

El pack definitivo con todos nuestros cursos de Desarrollo Web para diseñar páginas web únicas. Incluye los cursos que están por venir y las actualizaciones y mejoras de los actuales

Git and GitHub from A to Z: Everything about version control

Learn the fundamental concepts and essential workflow for version control using Git and GitHub from scratch!

106 classes

Complete web design course: learn HTML, CSS and Javascript from scratch

Learn the web technologies needed to make your own web pages for yourself or for your clients from scratch with HTML 5, CSS and Javascript

147 classes

Digital Marketing for Online Businesses

Master Digital Marketing for Online Businesses and increase the sales of your business or company through the internet

54 classes

Accesibilidad web

Diseña páginas webs para personas de todas las condiciones y cambia el mundo digital

127 classes

React JS: Learn React JS from scratch with practical examples

Learn from scratch, dive into React JS and become a developer who uses the power of the most advanced web technologies

77 classes

SQL de la A a la Z

Desde la creación de bases de datos hasta el control total de tus consultas, este curso te llevará de principiante a experto en el manejo de datos de manera eficiente

86 clases

AWS Cognito Avanzado: Autenticación con Amazon Web Services

El curso más completo sobre Amazon Cognito, el servicio de autenticación de Amazon Web Services

461 clases

Power BI, SQL y Desarrollo Web integrados para Seguimiento de Tareas

El analista de BI debe tener la habilidad para identificar datos potencialmente importantes para el negocio y que al ser procesados pueden convertirse en una base sólida para la toma de decisiones

38 clases