Conocimientos y habilidades que adquieres realizando este curso

  • Utilizar reducers
  • Crear tu propio mini-redux con React y Javascript
  • Hacer data fetching con hooks correctamente
  • Utilizar Thunks
  • Saber cuando es el mejor momento para usar Contexts
  • Hacer tests unitarios sobre nuestros reducers

Temario

  • Introducción a los Reducers

    8m
  • useState vs useReducer

    8m
  • Utilizando useReducer

    8m
  • Actions

    3m
  • Utilizando Actions en nuestra aplicación

    8m
  • Action creators (vista previa)

    3m
  • Usando Action creators en nuestra aplicación

    10m
  • Selectors

    6m
  • Usando Selectors en nuestra aplicación

    4m
  • Terminando de refactorizar nuestra aplicación

    11m
  • Testing Reducers

    12m
  • Context

    5m
  • Usando Context en nuestra aplicación

    6m
  • React.memo y useCallback

    12m
  • Ejercicio: Crear un Reducer, Action, Action creator y un Selector

    6m
  • Introducción a Data fetching en React

    4m
  • Data fetching en useEffect

    8m
  • Gestionando successes, errors y loadings

    10m
  • Custom hook para Data fetching

    7m
  • Data fetching con Reducers

    16m
  • Ejercicio: Data fetching

    1m
  • ¿Qué es un Thunk?

    9m
  • Thunks con Reducers

    18m
  • Creando los botones 'Rehacer' y 'Deshacer' con Reducers

    18m

Relacionado

Te dejamos una selección de cursos, carreras y artículos

React Hooks

React Hooks

taller

Con este taller aprenderás:

  • Aprenderás que son React Hooks
  • Aprenderás a como usar useState para controlar el estado de function components en React
  • Aprenderás como lanzar nuestros “side-effects” en function components

Duración: 59 minutos y 10 segundos

Curso de React para principiantes

Curso de React para principiantes

curso

Con este curso aprenderás:

  • Conocer los fundamentos teóricos de React.
  • Empezar un proyecto con React desde cero.
  • Renderizar y estilizar componentes sencillos basados en JSX.

Duración: 5 horas y 44 minutos

Curso de manejo de estado con Clases y Hooks en React

Curso de manejo de estado con Clases y Hooks en React

curso

Con este curso aprenderás:

  • Gestionar correctamente el estado con hooks
  • Gestionar el estado con componentes basados en clases
  • Aprender la diferencia entre gestión de estado con clases y con hooks

Duración: 3 horas y 54 minutos

Preguntas Frecuentes

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos 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í.

En OpenWebinars los cursos 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.

Efectivamente, una vez superado cada curso podrás descargarte el diploma acreditativo de cada uno de ellos. Añade estos cursos a tu CV y mejora tu perfil para las empresas. También podrás obtener un diploma de nivel superior al superar todos los cursos de la carrera.

Descripción

Este curso está dirigido a personas que tengan una formación previa en React y quieran llevar sus conocimientos al siguiente nivel, y que, además, hayan realizado previamente el curso de manejo de estado con Clases y Hooks en React, ya que aquí nos centraremos a los conceptos avanzados que giran en torno a la gestión del estado en React.

En caso que no cumplas estos requisitos, te recomendamos comenzar con el curso de introducción a React, que encontrarás dentro de tu suscripción a la plataforma, el cual te permitirá aprender desde cero todo lo necesario, y después, realizar el siguiente curso sobre el manejo de estado que hemos comentado antes.

Esta formación online está segmentada en una introducción y tres bloques formativos más amplios. En la parte introductoria comenzarás aprendiendo qué es la arquitectura Flux, su importancia y cómo utilizarla en React, y también se presentará la aplicación que se utilizará a lo largo del curso para aplicar todos los nuevos conceptos.

Tras esta primera toma de contacto con el curso, comenzaría el bloque centrado en los Reducers, en el que aprenderás todo sobre los mismos, desde qué son y cómo utilizarlos, hasta las diferentes herramientas que necesitamos para utilizarlos en nuestras aplicaciones.

A lo largo de las lecciones que componen este bloque, se explicarán las diferencias entre useState y useReducers, qué son y cómo utilizar Actions, Actions creators y Selectors en la aplicación que se presentó previamente. Se acabará de refactorizar la misma y después aprenderás a realizar el testing de reducers, a utilizar Context, React.memo y useCallback, para terminar de optimizar la aplicación.

Después de las lecciones más técnicas, encontrarás un ejercicio práctico en el que podrás aplicar todos los conceptos y técnicas que has visto previamente, lo que te ayudará a afianzar el aprendizaje de los mismos.

Continuarás después con el siguiente segmento del curso, el que está centrado en el Data Fetching. El tutor va a explicar qué es hacer un Data Fetching, qué implica y cómo hacerlo en React, realizando en primer lugar un Fetch dentro de un useEffect, gestionando después los diferentes estados por los que puede pasar una petición (success, error, loading).

Dentro de este mismo bloque, también se realizará el proceso de creación de un custom hook para Data Fetching y su uso con Reducers. De nuevo, y para concluir este segundo bloque, te proponemos un interesante ejercicio con el que poner a prueba los conocimientos que has adquirido a lo largo del mismo.

Concluirías este curso con la sección centrada en Thunks, en la que vas a aprender qué son y cómo utilizarlos en conjunción con los Reducers, además de crear los botones Rehacer y Deshacer con Reducers, de un modo práctico.

Si realizas este curso completo, habrás aprendido de forma práctica, entre otras muchas cosas, a utilizar Reducers y Thunks, a determinar el mejor momento para usar Contexts y a hacer tests unitarios sobre tus propios Reducers.

* Requisitos del Curso

Antes de realizar este curso es recomendable haber realizado el curso intermedio de manejo de estado. En este curso nos dedicaremos a los conceptos avanzados que giran entorno a la gestión del estado en React. 
 

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars