Curso de manejo de estado y data fetching en React

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.