Tutorial de Redux

Introducción Dos ideas básicas Términos clave Funcionamiento de una aplicación Redux Tres principios fundamentales

Kit de herramientas de trabajo

Herramientas principales Instalación y preparación de la aplicación React Instalación de Redux y RTK con React Instalación de la extensión Redux DevTools Instalación de React Router

Esquema Básico de Funcionamiento

Añadir un slice Reductores Selectores y el hook useSelector Obtener datos del store en un componente Formularios y estados locales Añadir un formulario Reductor y acción Despachar una acción Discusión del esquema de trabajo

Trabajo con datos

Introducción Página individual del producto Página del producto en el navegador Modificar datos del producto en el store Formulario para editar datos Página de edición del producto en el navegador Preparar datos para el objeto action Añadir otro slice Añadir información del vendedor Realizar cambios en el formulario Uso múltiple de datos del slice Añadir lógica adicional Añadir un reductor Despachar una acción

Servidor y base de datos

Introducción Cambio de estructura del estado Optimización del trabajo con selectores Instalación de MSW para trabajar con el servidor Base de datos para el servidor Creación de modelos de datos para la base de datos Creación de un objeto con datos del vendedor Creación de un objeto con datos del producto Creación de entradas en la base de datos Envío de datos desde el servidor mediante solicitud GET Cliente para la aplicación

Lógica Asíncrona y Thunks

Introducción a los thunks Beneficios de usar createAsyncThunk Despachando un thunk desde un componente Reductores extra Eliminación de solicitudes duplicadas Uso del estado de la solicitud Obtención de datos de vendedores Despacho directo de thunks Procesamiento de una solicitud enviada mediante un thunk Envío de datos mediante un thunk Mostrar los resultados en el componente Mostrar la lista de vendedores Página del vendedor
↑
Español▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar