К содержанию

Tutorial de Redux

Tutorial superior sobre el framework JavaScript React. Mucha teoría y tareas.

Уроки

Biblioteca Redux

Две базовые ideas en Redux

Términos clave en Redux

Funcionamiento de una aplicación Redux

Tres conceptos principales de Redux

Kit de herramientas de trabajo

Herramientas principales de Redux

Instalación y preparación de una aplicación React

Instalación de Redux y RTK en una aplicación React

Instalación de la Extensión Redux DevTools

Instalación de React Router en una aplicación Redux

Esquema Básico de Funcionamiento

Adición de un slice en Redux

Reductores en Redux

Selectores y el hook useSelector en Redux

Obtención de datos del store en un componente en Redux

Formularios y estados locales en Redux

Añadir un formulario a Redux

Reducer y action en Redux

Envío de action y hook useDispatch en Redux

Discusión del funcionamiento de una aplicación Redux

Trabajo con datos

Trabajo con datos en Redux

Página de producto en Redux

Página de producto en el navegador en Redux

Modificación de datos de productos en Redux store

Formulario para editar datos en Redux

Página de edición de producto en el navegador en Redux

Preparación de datos para el objeto action en Redux

Adición de otro slice en Redux

Añadir información del vendedor en Redux

Modificación de formularios en Redux

Reutilización múltiple de datos del slice en Redux

Adición de lógica adicional en una aplicación Redux

Adición de un reductor a una aplicación Redux

Envío de action en una aplicación Redux

Servidor y base de datos

Intercambio de datos entre una aplicación Redux y el servidor

Cambio de la estructura del estado en Redux

Obtención de selectores en Redux

Instalación de MSW para trabajar con el backend en Redux

Base de datos para el servidor en Redux

Creación de modelos de datos para la base de datos en Redux

Creación de un objeto con datos del vendedor en Redux

Creación de un objeto con datos del producto en Redux

Creación de registros en la base de datos en Redux

Envío de datos desde el servidor mediante una solicitud GET en Redux

Cliente para la aplicación en Redux

Lógica Asíncrona y Thunks

Introducción a los thunks en Redux

Beneficios de usar createAsyncThunk en Redux

Envío de thunk desde un componente en Redux

Reductores adicionales en Redux

Eliminación de la duplicación de solicitudes en Redux

Aplicación del estado de solicitud en Redux

Obtención de datos de vendedores en Redux

Envío directo de thunk en Redux

Procesamiento de una solicitud POST enviada usando thunk en Redux

Envío de datos usando thunk en Redux

Mostrar los resultados del trabajo de un thunk en un componente en Redux

Lista de vendedores en Redux

Página del vendedor en Redux