Scratch the image to get a discount on your course. You'll be able to 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
Toma notas de tu curso en tiempo real en 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)
    builds modern, dynamic, and scalable interfaces step by step

    This course was exactly what I needed to understand React without feeling overwhelmed. We started from the basics: components, props, state… and little by little we built real applications that responded to users, updated themselves, and looked modern.

  • Avatar
    Jorge
    (5)
    Straight to the point with what matters

    I love that they don't get bogged down in theory; they throw practical examples at you right away. This let me build dynamic interfaces in a weekend, something that would have taken me weeks of pure reading before.

  • Avatar
    Angel
    (5)
    React JS: Aprende React JS desde cero con ejemplos prácticos

    This introductory course is designed to teach React JS from the fundamentals, using practical examples and real-world projects. You'll learn to create components, manage state, work with props, use hooks, and build SPA (Single Page Applications) applications. Topics covered include JSX, component lifecycle, routing with React Router, and API consumption. Ideal for web developers who want to master React JS and build modern, dynamic, and scalable interfaces.

  • Avatar
    Jackeline
    (5)
    I liked that each concept is applied in interactive projects.

  • Avatar
    Nicolás
    (5)
    Easy to follow and really practical

  • Avatar
    Javi
    (5)
    Practical and straight to the point

    I loved it because from the very first moment you're making things that actually work. It's not just theory that sometimes gets tedious—you see real results as you progress. It's one of those courses where you finish and feel like you actually learned how to build something modern without your brain exploding in the process.

  • Avatar
    Rocío
    (5)
    Great React JS course

  • Avatar
    Gustavo
    (5)
    React from scratch: build dynamic interfaces with real examples

    This React JS course is your direct gateway to modern web development. Designed for complete beginners, it blends clear theory with practical examples that take you step by step from basic components to building interactive applications.

  • Avatar
    Santiago
    (5)
    It was good. I liked how practical it is

  • Avatar
    Omar Alejandro
    (5)
    great course

    The course is very practical, from my point of view it covers the essentials to be able to program with React

  • Avatar
    María
    (5)
    React JS finally makes sense

    I'd tried learning React before and always gave up. This course was different: the practical examples kept me hooked, and I ended up finishing my first working app. Really well explained!

  • Avatar
    Rosa
    (5)
    I quickly got the hang of JSX, props, and state thanks to this course

  • Avatar
    Samuel
    (5)
    Practice makes perfect!

    The course took me from zero to building complete applications. Now I understand how state and components work. I feel like a real pro.

  • Avatar
    Gabriela
    (5)
    React is no longer a mystery to me

    The React JS course is incredible! The practical examples are the best part—they helped me understand how everything works from scratch. Now I feel super confident building cool interfaces

  • Avatar
    Javi
    (5)
    Great course for getting started with React

    It's a really good course for taking your first steps in React, easy to follow, well explained, and if someone like me who often struggles to understand things was able to get it and tackle certain cases, anyone can. Highly recommended

  • Avatar
    Carlos
    (5)
    It'll help me build more dynamic websites with React. Highly recommended!

  • Avatar
    Caty
    (5)
    React JS from scratch with practical examples

    Provides clear explanations and practical exercises, making it easy to create dynamic and efficient web applications

  • Avatar
    Marc
    (5)
    Easy to understand

    Happy with the teachings, very well explained

  • Avatar
    Joiser
    (5)
    really incredible

    I was completely satisfied with the React JS course. I learned from scratch with practical examples and now I can create modern and dynamic web applications. Highly recommended without a doubt!

  • Avatar
    Yvonne
    (5)
    Complete and practical

    It's a very practical course with clear examples that I apply in my work

  • Avatar
    David
    (5)
    Really interesting and enjoyable

    A truly interesting and really enjoyable course. Great for getting started in React and expanding your web development possibilities.

  • Avatar
    BORJA
    (5)
    Excellent

    A really comprehensive course, explained really well.

  • Avatar
    Yeison
    (5)
    Learning from Scratch

    A course that, from scratch as the name says, has let me level up my web applications with JS, making my projects more robust and excellent. Thanks a lot Frogames

  • Avatar
    Giovanni
    (5)
    Really well explained

    From state management to creating reusable components, everything is explained with amazing clarity. It's perfect if you want to get up to speed on the most in-demand web technologies and come out with real projects in hand

View More Reviews

PLANS TO MATCH YOUR GOALS AND NEEDS

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

Choose the payment method that works best for your needs and budget with a one-time course payment, monthly or yearly access to the learning Path, or even to the entire platform.

One-Time Payment

Buy the course once and access it for life

39.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Popular

Bronze Frog

Access all Frogames courses, communities and extras

39 /month

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

Web Development Path

Access all courses in the Web Development Path

19.99 /month

  • Single payment of 19.99€ per month
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress

One-time payment

Buy the course once and access it for life

39.99

  • A single payment
  • Instant lifetime access to the course
  • Access the course community
El Más
Valorado

Gold Frog

Access all Frogames courses, communities and extras

349 /year

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

Web Development Path

Access all courses in the Web Development Path

199 /year

  • Single annual payment of €199
  • 4 months of discount
  • Instant access to the +10 courses in the Path
  • Access the Path 24 / 7, wherever and whenever you want
  • Cancel anytime without losing your progress
  • Premium support

* All prices include taxes.

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

Web Development Path

The ultimate bundle with all our Web Development courses to design unique websites. Includes upcoming courses and updates and improvements to current ones.

Git y GitHub de la A a la Z: Todo sobre el control de versiones

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

106 classes

Curso completo de diseño web: aprende HTML, CSS y Javascript desde cero

Learn the web technologies you need to build your own websites for yourself or your clients from scratch with HTML 5, CSS and Javascript

147 classes

Marketing Digital para Negocios Online

Master Digital Marketing for Online Business and boost your sales through the internet

54 classes

Web Accessibility

Design websites for people of all abilities and change the digital world

127 classes

React JS: Aprende React JS desde cero con ejemplos prácticos

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

77 classes

SQL from A to Z

From creating databases to having total control of your queries, this course will take you from beginner to expert in handling data efficiently

86 classes

AWS Cognito Avanzado: Autenticación con Amazon Web Services

The most comprehensive course on Amazon Cognito, the authentication service from Amazon Web Services

461 classes

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

The BI analyst must have the ability to identify data potentially important for the business and that, when processed, can become a solid foundation for decision-making.

38 classes