Aprender React JS

El curso para aprender React JS mejor valorado por los estudiantes
Rating: 4.6 out of 5 (3,777 ratings)
35,138 students
Aprender React JS
Rating: 4.6 out of 5 (3,777 ratings)
35,138 students
React JS, la librería de Javascript más demandada en el mercado laboral actualmente
Una nueva forma de trabajar más ordenada, limpia y declarativa
Crear un buscador de películas obteniendo datos de una API externa
Obtener en tiempo real la cotización del Bitcoin consultando una API pública
Un vistazo a Redux y React-Redux, para gestionar el estado global de nuestras aplicaciones

Requirements

  • Conocimientos básicos de JavaScript, HTML y CSS
  • La sintaxis ES6 no es obligatoria pero sí recomendada
  • No se requieren conocimientos previos de React ni de ninguna otra librería JS
Description

¿Por qué elegir este curso?

En este curso aprenderás desde cero los conceptos más básicos de React hasta llegar a cubrir conocimientos avanzados. Tanto si ya conoces esta librería o es tu primera toma de contacto, tendrás la posibilidad de conocer a fondo como funciona mediante aplicaciones prácticas, ejercicios y autoevaluaciones.

¿Por qué sólo 5 horas de contenido de vídeo?

Este curso ha sido diseñado con el compromiso de respetar tu tiempo. Queremos que obtengas el máximo conocimiento en el mínimo tiempo necesario. El ritmo de los vídeos es rápido de forma que puedas volver a visualizarlos cuando quieras.

¿Quién es el profesor?

Miguel Ángel Durán es un ingeniero de software con más de diez años de experiencia en el desarrollo web. Actualmente es Enabler Frontend en Adevinta Spain donde trabaja con ReactJS en algunos de sus marketplaces como Fotocasa, Cochesnet o Infojobs.

¿Es este curso para ti?

Si...

  • sabes programar en Angular o jQuery, pero te gustaría dar el salto a React.

  • ya sabes Javascript y quieres utilizar una librería que te permita desarrollar componentes reutilizables de forma ágil y declarativa.

  • ya has trabajado un poco con  React y necesitas profundizar, afianzar o repasar conocimientos y aprender buenas prácticas de la librería.

Si alguna de las anteriores se cumplen, entonces definitivamente este curso es para ti.

¿Qué te va a aportar este curso?

  • una nueva forma de trabajar más declarativa, con un flujo de datos unidireccional y basada en componentes reutilizables.

  • acceso a un mercado laboral con multitud de ofertas de trabajo tanto en multinacionales como en startups con proyectos técnicamente interesantes.

  • unas buenas prácticas que te van a ayudar a desarrollar software más limpio y escalable.

  • un extenso conocimiento de la librería React y su API.

Who this course is for:
  • Programadores de Angular o jQuery
  • Maquetadores web con conocimientos de JavaScript
  • Desarrolladores backend que quieran obtener conocimientos FullStack
  • Programadores que están empezando a trabajar con React
Course content
12 sections • 85 lectures • 5h 28m total length
  • ¿Qué es React y por qué deberias de estar interesado?
    01:00
  • Introducción del instructor
    00:48
  • Cómo obtener el máximo partido al curso
    01:30
  • ¿Qué necesito tener instalado para comenzar el curso?
    00:59
  • Instalación de Node JS y NPM
    01:56
  • Instalación del paquete npm Create React App
    01:33
  • Creamos un Hola Mundo en ReactJS
    03:39
  • Juega con el componente de ejemplo de Create React App
    1 question
  • Configuración del Linter para la corrección de errores
    02:30
  • Introducción sobre los conceptos básicos de React
    00:40
  • ¿De dónde viene React y en qué está basado?
    04:53
  • Introducción a JSX
    05:34
  • Componentes en ReactJS
    05:15
  • Props I - Entendiendo las Props
    07:03
  • Props II - Funciones y elementos como Props
    03:32
  • Props III - Inmutabilidad de las Props
    02:10
  • Props por defecto
    01:41
  • State I - Gestión del estado en ReactJS
    01:44
  • Inicializa el state del componente usando una Class Field
    1 question
  • State II - Actualizar estado mediante setState()
    02:19
  • State III - Propagación del estado
    02:14
  • State IV - Inicializando el estado mediante Props
    02:22
  • Conceptos básicos
    10 questions
  • Introducción sobre el renderizado condicional
    00:45
  • Condicionales en el método Render
    02:30
  • Utilizando ternarias
    02:00
  • Ejemplo práctico de renderizado condicional
    01:25
  • Trabajando con listas
    02:21
  • Listas de Objetos
    02:54
  • Renderizado condicional
    3 questions
  • Introducción a React Dev Tools
    00:23
  • Instalación de las React Dev Tools en Chrome
    01:54
  • Inspeccionando Fotocasa.es
    06:17
  • Introducción sobre los eventos en React
    00:29
  • El evento onClick
    02:04
  • Eventos sintéticos
    01:46
  • Eventos soportados
    03:46
  • Eventos en React
    3 questions
  • Formularios en React
    02:25
  • Particularidades del atributo For
    00:59
  • Entendiendo las Refs
    01:52
  • El evento onSubmit
    01:51
  • Componentes controlados
    02:53
  • Formularios
    4 questions
  • Introducción a Children
    00:36
  • La Prop especial Children
    01:15
  • Children Layout
    02:09
  • Desarrollando con PropTypes
    05:49
  • Children y PropTypes
    4 questions
  • Introducción al Ciclo de Vida
    00:32
  • Entendiendo las fases del Ciclo de Vida
    01:34
  • Fases del Ciclo de Vida
    5 questions
  • El Constructor
    04:26
  • ComponentWillMount
    03:30
  • El método render
    05:38
  • ComponentDidMount
    06:02
  • Fetch API
    07:04
  • Ciclo de Montaje
    5 questions
  • ComponentWillReceiveProps
    11:55
  • Refactor de ComponentWillReceiveProps
    05:42
  • ShouldComponentUpdate
    07:10
  • ShouldComponentUpdate con Pure Components
    02:32
  • ComponentWillUpdate
    05:19
  • ComponentDidUpdate
    04:39
  • ComponentWillUnmount
    07:12
  • ComponentDidCatch
    07:15
  • Ciclos de Actualización y Desmontaje
    6 questions
  • Introducción a buenas prácticas
    00:33
  • Composión vs. herencia
    04:30
  • Componentes funcionales puros (Stateless components)
    03:18
  • PropTypes en stateless components
    03:04
  • Patrón contenedor contenido
    08:16
  • Pasa el componente BitCoinPrice a un Stateless Component (Componente funcional)
    1 question
  • Buenas prácticas
    5 questions
  • Componente Strict Mode
    01:26
  • Descripción del proyecto práctico
    00:42
  • Preparando el entorno de nuestra aplicación ⚙️
    08:22
  • Creando el componente SearchForm
    09:53
  • Usando Fetch para obtener resultados de búsqueda desde una API ⚡️
    11:56
  • Creando componentes reutilizables y mejorando el layout
    09:32
  • Mejoras en la implementación de búsqueda
    08:45
  • Introducción al enrutado en React
    00:25
  • Enrutado básico
    09:28
  • Separando la página Home
    03:59
  • Creando una SPA con React Router
    08:15
  • Página 404
    03:33
  • Publicando con Surge
    06:28

Instructor
Enabler Frontend at Schibsted Spain
Miguel Ángel Durán García
  • 4.6 Instructor Rating
  • 3,763 Reviews
  • 35,138 Students
  • 1 Course

Nací el 12 de febrero de 1985 en Barcelona. Soy un apasionado de la programación desde muy pequeñito. Empecé en la programación trasteando con Locomotive BASIC con un Amstrad CPC 464 que me regalaron mis padres. De ahí hasta el día de hoy he tocado muchas tecnologías y lenguajes muy diferentes.

Actualmente estoy trabajando en Schibsted Spain como Enabler Frontend, mi misión es facilitar el trabajo de los desarrolladores, ayudarles y formarles en todo lo que necesiten.