Frontend

Curso de manejo de estado y data fetching en React

Este curso te servirá para aprender a gestionar el estado en React de forma avanzada con Reducers, comprendiendo la arquitectura Flux y cómo desacoplar el estado de las vistas, además de aprender a utilizar los Thunks.

Impartido por:

4.3 (34 valoraciones)
3 horas y 53 minutos · curso
Curso de manejo de estado y data fetching con Reducers y Thunks en React

Lo que aprenderás en 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

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. 
 

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.3
34 valoraciones

Contenido del curso:

    • 3 m
    • Arquitectura Flux
      7 m
    • Introducción a la aplicación
      8 m
    • Introducción a los Reducers
      8 m
    • useState vs useReducer
      8 m
    • Utilizando useReducer
      8 m
    • Actions
      3 m
    • Utilizando Actions en nuestra aplicación
      8 m
    • 3 m
    • Usando Action creators en nuestra aplicación
      10 m
    • Selectors
      6 m
    • Usando Selectors en nuestra aplicación
      4 m
    • Terminando de refactorizar nuestra aplicación
      11 m
    • Testing Reducers
      12 m
    • Context
      5 m
    • Usando Context en nuestra aplicación
      6 m
    • React.memo y useCallback
      12 m
    • Ejercicio: Crear un Reducer, Action, Action creator y un Selector
      6 m
    • Introducción a Data fetching en React
      4 m
    • Data fetching en useEffect
      8 m
    • Gestionando successes, errors y loadings
      10 m
    • Custom hook para Data fetching
      7 m
    • Data fetching con Reducers
      16 m
    • Ejercicio: Data fetching
      1 m
    • ¿Qué es un Thunk?
      9 m
    • Thunks con Reducers
      18 m
    • Creando los botones 'Rehacer' y 'Deshacer' con Reducers
      18 m
También te puede interesar

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

React Hooks

React Hooks

59 minutos y 10 segundos · taller

Este curso te servirá para aprender a gestionar el estado en React de forma avanzada con Reducers, comprendiendo la arquitectura Flux y cómo desacoplar el …

  • Frontend
React para principiantes

Curso de React para principiantes

5 horas y 44 minutos · curso

Este curso te servirá para aprender a gestionar el estado en React de forma avanzada con Reducers, comprendiendo la arquitectura Flux y cómo desacoplar el …

  • Frontend

Dudas frecuentes

1

¿Cuál es el precio?

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í.

2

¿Cuándo comienza el curso?

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.

3

¿Puedo obtener un diploma que acredite mis conocimientos?

Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.

También podrás obtener un diploma de nivel superior al superar todas las formaciones de la carrera.

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.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.