CRUD con React Redux Toolkit + Rome Tools y Tremor 💻
751En 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
📚 Repositorio del curso React: https://github.com/midudev/aprendiendo-react
▶ No te pierdas más directos en:https://www.twitch.tv/midudev
▶ Discord de la comunidad: https://discord.com/invite/midudev
▶ Instagram: https://www.instagram.com/midu.dev/
▶ Twitter: https://twitter.com/midudev
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