CRUD con React Redux Toolkit + Rome Tools y Tremor 💻

⚛️ CURSO DE REACT 2024

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 📚 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

About the course