CRUD con React Redux Toolkit + Rome Tools y Tremor 💻

En este video, aprenderás a desarrollar un CRUD utilizando React Redux Toolkit, Rome Tools y Tremor. Descubre cómo aprovechar estas poderosas herramientas para crear una aplicación eficiente y escalable. Sigue paso a paso las instrucciones y explora las funcionalidades de React Redux Toolkit, Rome Tools y Tremor para impulsar tu desarrollo. Al final terminaremos con un RollBack para borrar usuarios

Marcadores del Video
0:00 Introducción
1:35 ¿Qué es Redux?
4:31 Instalar Vite
5:19 Rome Tools en vez del Linter
7:06 Instalar Rome Tools y configuración
12:10 Qué es Tremor, instalación y configuración
15:25 npm run dev
16:44 Creando una tabla de Tremor
20:30 Renderizando nuestra tabla
22:27 Agregando Iconos a las “Acciones”
24:28 Agregando Redux al proyecto
26:25 Store + Configuración
28:53 Explicación de Redux
29:24 Slice
33:32 Qué es el reducer
36:29 Leer La Store
38:57 Arreglando el problema de TypeScript
41:37 Custom Hooks
46:14 Creando Acciones
46:24 Eliminar Usuarios
49:12 Cosas a tener en cuenta
50:35 Forma Tipica (no recomendada)
54:23 Forma recomendada
56:36 Pregunta de personita / Scraming Arquitecture
58:53 Fin de la pregunta
58:58 Middleware Persistencia de datos
01:05:28 Cambiando el InitialState
1:10:00 Componente CreateNewUser, Acción para agregar Usuarios
1:21:00 Manejo de Errores
1:21:28 Estado Local
1:25:05 Diferencia entre Context y Redux
1:26:12 Sincronizar con Bases de Datos Middleware + Actualización Optimista
1:28:57 Sonner - Notificaciones al Delete
1:40:17 RollBack - Borrando Usuario
1:47:42 Mutaciones con Immer
1:54:24 Tarea en casa

#reactjs #midulive

[bgva]

Para los que vean el tutorial ahora, en el MIDDLEWARE: tomar en cuenta que en minuto 1.03.00 que habla de middleware si están trabajando con la versión 2 o superior de redux toolkid la forma de definir el middleware ha cambiado. Ahora se lo hace así:
middleware: (getDefaultMiddleware) => {

return
},

[emapeire]

Para los que vean el tutorial ahora, rome-tool está deprecada, ahora se llama biome. Pero no la recomiendo personalmente porque tiene algunos problemas de optimización, como los que le pasó a Midu en el video.

[codesthenos]

Locura como estoy evolucionando se nota muchisimo la diferencia, estoy yendo proyecto a proyecto y que pasada, he pasado de 'copiar y medio entender' a adelantarme a ti en muchas cosas y luego ver como lo haces y corregir o incluso ver que lo haces igual.
Mil gracias midu, sin sentido todo lo que estoy aprendiendo contigo

[zrkrypt]

Para los que tengan problemas con el middleware, como fue mi caso, el código que he utilizado es el siguiente:

export const store = configureStore({
reducer: {
saved: savedReducer,
operations: operationsReducer
},
middleware: (getDefaultMiddleware) => {
return getDefaultMiddleware().concat(persistanceLocalStorageMiddleware, anotherMiddleware)
}
})

El la única manera que he conseguido que funcione y poder añadir más middleware si fuera necesario, separados por comas como en el ejemplo que puse.

[alexc.h.]

empeze a las 9am y lo termino a las 7 y me funciono todo :), te ganaste el cielo midu

[MegaRocksteel]

Yo quedo sorprendido con todo lo que este hombre sabe y encima con el deseo de enseñarlo

[pablohperez]

Fantástico Midu! el mejor video de Redux, toolkit, hooks, middleware, etc etc etc! muchas gracias

[eluizeramadeusdeleondeleon]

me agrada cuando dice, que no es bueno que estemos viendo cosas desde cero, y nos enseñas algo avanzado, eres el mejor MIDU :3

[contrerasgarciaangel]

nada como tomar un curso del midu a las once de la noche ;)

[student]

Increible, cada video que subes me hace pensar en lo hermoso que es tenerte, muchas gracias por tu hermoso y genial contenido!

[hotspurship]

Me ayudo un montonazo este curso... como muchos otros q has hecho midu... Un saludo grande desde Argentina....

[FacundoTanovich]

MiduGod explicando cómo realizar la capa extra para el día de mañana no depender de react-redux 🎉

[josemartinez-ueqj]

Hola midu Gracias por tu trabajo y dedicación aun falta la tercera parte de Typescript

[osakadev]

Cada día aprendo nuevas herramientas gracias a ti, gracias por llenarnos de tus conocimientos, larga vida al rey 😎😎

[devvvolf]

gracias por tanto midu gracias a ti he aprendido react de una manera divertida y llena de conocimiento <3

[ianduhamelhayes]

Joyita, el tipado usando custom hooks me volo el cerebro 🤯🤯🤯

[pensamientosistemico]

Excelente maestro, muchas gracias ... porfavor si puedes hacer un video de Qwik, estoy armando un ecommerce que referencie la venta a whatsap pero tengo complicaciones 😥, en fin, muchas gracias por compartir un material increible

[GabrielCardacci]

Grande Midu! Gracias por tus aportes!
Sería buena idea utilizar una estrategia como throttle al crear un middleware?
Para evitar estar guardando en cada acción que vaya al reductor.

[SkillTrailMalefiahs]

Midu pero la los thunks ayudan mucho a la inyección de dependencia. Creo que es cuestion mas de gusto que otra cosa jejej :D Pero no hay que negar que eres un crack y siempre se te aprende algo nuevo eso es lo que importa, depende de nosotros usar nuestra criterio e ir sumando perspectivas a través de los recursos que hay en internet, especialmente en el tuyo.

[sebaprogrammer]

Por favor Midu, un pequeño video de manejo de formularios en sitios SSG.