Тёмный

Migrar de redux a Redux Toolkit (RTK) 🚀 | Tutorial paso a paso 

Yoelvis Mulen { code }
Подписаться 39 тыс.
Просмотров 7 тыс.
50% 1

Опубликовано:

 

25 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@YoelvisM
@YoelvisM 2 года назад
Hola amigos, espero que les sirva el video, les animo a que migren el código de sus proyectos y si tienen cualquier problema me dejan un comentario y les ayudo a lograrlo. Además les pido que compartan el video con sus amigos programadores o equipo de desarrollo. ¡Saludos y bendiciones!
@frankomartinez1686
@frankomartinez1686 2 года назад
Excelente contenido, me agrado y me sirvió bastante, espero con ansias esa guía de redux desde cero con redux toolkit, gracias👏
@ryan2000
@ryan2000 2 года назад
Sos un genio hermano, te juro que me canse de buscar tutoriales de redux toolkit en español por todo Internet y hay solo uno, muchas gracias por este aporte.
@bibliotecapublicamarti9992
@bibliotecapublicamarti9992 2 года назад
Execlente propuesta, deberáis hacer un video con la instalación desde cero de TS y SCSS en react. Sería interesante ver tu punto de vista.
@leonardoyoel5824
@leonardoyoel5824 2 года назад
Completamente de acuerdo, sería bueno que comenzara una app en react que implementara desde cero el TS y SCSS. Yoelvis explica muy bien y su punto de vista es muy acertado.
@Davimejor
@Davimejor Год назад
un crack, bien explicado al grano y con conocimientos, como tiene que ser, saludos!
@bluediu1714
@bluediu1714 2 года назад
Genial, tengo un proyecto con Redux pero con javascript y lo quiero migrar a typescript pero viendo todo el trabajo adicional con Redux tradicional y la configuración con typescript mejor no lo hice, pero ahora con Redux toolkit le vamos a dar con todo, gracias por compartir
@luis-rapalino-88
@luis-rapalino-88 Год назад
Muchas gracias, sería estupendo que grabé un vídeo desde cero, estoy aprendiendo redux tradicional, y es un dolor de cabeza 😅
@nabilamelanianahirgudinooc8881
@nabilamelanianahirgudinooc8881 2 года назад
Antes no entendía cómo hacer esta migración... Fuiste una luz en mi código... Muchas gracias 🙏🏻🙏🏻🙏🏻
@ema_devolder
@ema_devolder 9 месяцев назад
Hola Yoelvis! Sería mucho pedirte si puedes hacer un vídeo explicando Redux Toolkit?, Me está costando mucho entender la parte de los Thunk y las api cómo createAsyncThunk. Te lo agradecería mucho y creo que a muchos nos haría mucha falta! Saludos y gracias por tu tiempo siempre!
@williamfernandeznicolas4119
@williamfernandeznicolas4119 2 года назад
Definitivamente siempre que paso por aquí me llevo los mejores conceptos, clarísima la explicación y el proyecto. Muchas gracias
@michaeltorrez933
@michaeltorrez933 2 года назад
Muchísimas gracias por el video, excelente!, 🙌 por fin contenido de RTK, muy cierto lo que dice Thouma, si puedes hablar de los extra reducers y createAsyncThunk seria genial, no los tengo muy claro
@YoelvisM
@YoelvisM 2 года назад
Hola Michael, no te recomiendo el uso de redux thunks para traer datos del servidor. Creo que lo mejor sería usar react-query (tengo un tutorial en el canal: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lNkAJCoXg6I.html) o rtk query (que viene incluido con redux toolkit)
@gemalopez4976
@gemalopez4976 2 года назад
Yo inicie a usarle desde inicio de año en mis proyectos, ya que es una manera mas fácil y elegante como tu dices de escribir el código, ademas de ser mas sencillo, yo personalmente lo siento fácil y practico, me encanto y ahora trabajo mas cómodamente del lado del frontend con react, amo usar react ahora en mis proyectos.
@sdfsfsfd437
@sdfsfsfd437 2 года назад
¡Gran vídeo! Muy interesantes todos estos de React. Voy a estudiar todo esto que nos contabas. Se ve estupendo. Muchas gracias.
@CodeWithDesign
@CodeWithDesign 2 года назад
Crack.. super clarooo.. hace un de Typescript..
@viticoinf
@viticoinf 2 года назад
Qué genial, o sea, nos quitamos de encima 2 ficheros, reducer and actions por cada slice. Minimizas el codigo a un 60%. También me gusta lo de el uso de TS :) Me voy por la vía de Immer, state.items.push qué fácil! Supongo que ese estándar se defina en el equipo a nivel base y se tenga en cuenta en todos los code reviews. Supongo que usando Immer sea hasta más performant que con el ...state Fantástico video Yoe!
@brandonbarreras2598
@brandonbarreras2598 2 года назад
Excelente contenido informativo, muchas gracias por la aportación, además de muy buena explicación de todo, de manera muy dinámica, gracias👏
@carlosperez-hz3oh
@carlosperez-hz3oh 2 года назад
que bueno seria videos creando APPS completas medio y avanzadas .. buen video !!
@gonzalofontes8601
@gonzalofontes8601 2 года назад
De lo mejor sin dudas ! Simple y conciso.
@MartinPerez-mi1ty
@MartinPerez-mi1ty 2 года назад
Este canal es oro
@porelmundoymasalla
@porelmundoymasalla 2 года назад
Yoelvis cuándo vas a hacer algun tutorial de SNS y SQS? Serían muy interesantes. Abrazo y felicitaciones por el trabajo.
@deliocoder8822
@deliocoder8822 2 года назад
Excelente video! toca migrar al nuevo Redux 😎
@soldadopreciso
@soldadopreciso Год назад
Saludos mi hermano, que nos puedes comentar sobre lo de TypeScript, y las noticias de la semana pasada sobre ciertos proyectos que vuelven a JavaScript.
@YoelvisM
@YoelvisM Год назад
Usa TypeScript, mejora mucho la experiencia de desarrollo y es usado en todos los proyectos reales de Javascript que he visto. El otro día 1 proyecto decidió cambiar Javascript, pero eso es algo raro, casi todos los que usamos TS no queremos volver a JS.
@elliotgaramendi
@elliotgaramendi 2 года назад
Eres demasiado Crack, gracias por tanto, perdón por tan poco.
@omarbarra3456
@omarbarra3456 11 месяцев назад
Muy bueno gracias. Veo que en tu estado tenes un atributo Error,. La pregunta es: es buena practica tener en el estado a un tipo Error? pregunto xq aveces me tira que no se pude seralizar los errors?
@TheWaalteers
@TheWaalteers 3 месяца назад
corta y al pie...👍
@enriquevazquez9403
@enriquevazquez9403 2 года назад
Hola disculpa me puedes ayudar en algo tengo un problema al crear una distribución de cloudfront me marca que debo verificar mi cuenta pero este error me empezó a marcar al querer crear otra distribución hace una semana cree una y sin problemas esta funcionando al 100 pero quise crear otra y me salió ese error sabes cómo solucionarlo?
@elbugdepanchito134
@elbugdepanchito134 2 года назад
Como siempre, excelente contenido! Y cómo podríamos configurar el store en server side con NextJS?. Si tuviera una referencia agradecido. Gracias de antemano y buenos éxitos!
@YoelvisM
@YoelvisM 2 года назад
Hola amigo, con Next.js la store se configura igual, por acá te dejo el ejemplo que tiene next.js (vercel) en su documentación: github.com/vercel/next.js/blob/canary/examples/with-redux/src/app/store.ts
@MrRafasou
@MrRafasou 2 года назад
Super util como siempre!
@luislavayen9495
@luislavayen9495 2 года назад
gracias man!!!!
@frankestraning
@frankestraning 2 года назад
Hola compa el canal tiene algun discord?
@soft-data
@soft-data 2 года назад
Crack!!
@leonardohuaca7146
@leonardohuaca7146 2 года назад
Que tema de.visual studio tienes?
@YoelvisM
@YoelvisM 2 года назад
Cobalt2 Theme Tweaked, saludos
@jhon_sketch
@jhon_sketch 2 года назад
que es redux, y ahora que es redux toolkit?
@dontqsy5101
@dontqsy5101 2 года назад
Redux te permite manejar el estado global de una aplicación (que multiples componentes puedan acceder a un state) y como redux es bastante engorroso (muchos archivos y código) salió redux toolkit que lo simplifica
@mauroreyna
@mauroreyna 2 года назад
Hola gente, saludos! Alguien de casualidad se encontró con este error? Compiled with problems: ERROR in ./src/redux/store.js 11:14-30 export 'configurateStore' (imported as 'configurateStore') was not found in '@reduxjs/toolkit' (possible exports: MiddlewareArray, TaskAbortError, __DO_NOT_USE__ActionTypes, addListener, applyMiddleware, bindActionCreators, clearAllListeners, combineReducers, compose, configureStore, createAction, createAsyncThunk, createDraftSafeSelector, createEntityAdapter, createImmutableStateInvariantMiddleware, createListenerMiddleware, createNextState, createReducer, createSelector, createSerializableStateInvariantMiddleware, createSlice, createStore, current, findNonSerializableValue, freeze, getDefaultMiddleware, getType, isAllOf, isAnyOf, isAsyncThunkAction, isDraft, isFulfilled, isImmutableDefault, isPending, isPlain, isPlainObject, isRejected, isRejectedWithValue, legacy_createStore, miniSerializeError, nanoid, original, removeListener, unwrapResult)
@YoelvisM
@YoelvisM 2 года назад
Hola Mauro, es configureStore
@mauroreyna
@mauroreyna 2 года назад
Error tontisimo si lo pude tener jajaja por lo menos sabemos que existe tanto configure como configurate. Seguro pensaba en eso, muchas gracias
Далее
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Просмотров 212 тыс.
React & Redux Toolkit - Bases y proyecto práctico
48:46
The Most Important Design Pattern in React
35:04
Просмотров 50 тыс.
Redux Toolkit Query CRUD Tutorial - RTK Query
43:23
Просмотров 19 тыс.
Modern Data Fetching in React (Complete Guide)
16:41
Просмотров 48 тыс.