he estado mirando tutoriales sobre redux pero de verdad que como explicas tu esta bastante acertada la tecnica; simplificado pero conciso para personas que apenas inician en reactjs. mis reconocimientos por tu pedagogía.
Por algún motivo me estaba costando entender Redux y es excelente la manera en que desarmaste todo a la parte más pequeña para explicar cada paso. Gracias por este video!
¡Lo explicas genial! sencillo, paciente y sin complicaciones. Como anotación, estaría excelente poder tener el código para analizar y experimentar con calma. Igual gracias por enseñar con tanta pericia y calma.
te felicito miguel... esta forma de enseñar llendo de algo simple y luego vas añadiendo mas capas es realmente genial.. hay mucho en la red, pero no tanto en realidad.. saludos de patagonia!
Wao para mi era confuso lo del patron redux pero lo he comprendido mucho más con este video, eres un grande Midu!!!, saludos desde Perú, seguiré tus videos son muy informativos!
Muy buen video. Llevaba tiempo queriendo aprender redux. Pero no me habia puesto en ello por el echo de que no conocia la potencia que tenia. Ademas de que no veia alguien que lo explicara bien. Gracias a ti me han entrado ganas de utilizarlo en mi proxima app. Grande Midu 💪🙏
Genial Alberto! Ya ves que es desde cero pero así uno aprende bien los conceptos más básicos. :) Las próximas clases también son sobre Redux y seguro que te ayuda a seguir aprendiendo!!!
Hey Midu! A modo propuesta, porque no hay mucha documentación actualizada en español sobre Redux+Saga. Sería genial si pudieras hacer un tutorial completo del manejo de las sagas en react :) Sigue así y gracias por tus vídeos!!
Debo felicitarte por esta explicación, muy ilustrativa, sobre todo muy acertado llamarle Maquina de Estados al Reducer, hubiese estado buenisimo con la parte de composeEnhance y combineReducers, y las acciones asyncronas con Thunk o Saga, pero super bueno el video, ya lo demas se entiende super facil despues de verlo. saludos
Hola. Buenas tardes! Hago una consulta. Es conveniente guardar en el estado de redux los estados de los imputs de un formulario? Yo lo hacía así, pero muchos dicen que lo correcto es guardar los estados de los imputs de unformulario en el estado local del componente con useState. Qué conviene hacer? Muchas gracias!
Hola. Hasta donde yo sé, lo mejor es guardar los estados lo más cercano al propio componente. Otra cosa es que esos valores que usas en los inputs de los formularios los uses en el resto de la aplicación y tengan que ser compartidos entre distintos componentes a nivel “global”. Si no son muchos o la aplicación es sencilla, usaría el context propio de React. Si se empieza a complicar ya es cuando usaría Redux. Saludos.
podemos usar un hook "useSelector" para traer el estado actualizado a nuestro componente const myState = useSelector(state=> state); al componente App lo envolvemos con un provider y asi evitaremos hacer el subscribe y la funcion q menciona midu
Consulta. Cuando en en Redux, usamos useState. guarda en el ESTADO algo, se hace con setAlgo(); y esa accion es Asincronica. el store.dispatch, es Asincronico o Sincronico? Cual es la ventaja de Redux, los Subscriber?
excelente explicación. Una consulta, estando en producción, ¿un tercero podría ver el estado de nuestra aplicación con ReduxDevTools, hacer modificaciones, etc?
Muy buenos tus videos. Tengo una consulta, ya que no usé demasiado Redux. Es necesario usarlo en un CRUD, si el estado no va a ser compartido entre componentes, ej: Si hago un alta, baja o modificicación me redirige otra vez a la pantalla del listado. Y otra duda, cuándo usar redux-thunk ? Gracias!
Genial el video ! Por cierto alguien sabe algún modo de mostrar los errores mientras escribes cómo hace él? Supongo que es algún plugin pero no consigo encontrarlo
Hola a todos! Primero que nada, excelente explicación justo estoy usando Redux con React. Tengo una duda con respecto a redux. Qué diferencia existe entre hacer eso: export default connect(mapStateToProps, {editStandup})(StandupEdit) y esto export default connect(mapStateToProps, mapDispatchToProps)(StandupEdit)? Sé que ambos funcionan, pero me gustaría saber si ambos son aceptables como prácticas. De antemano muchas gracias.
De la segunda manera estás pasando el objeto "mapDispatchToProps" completo, de la primera forma estás usando destructuración de ese objeto para obtener sólo la variable "editStandup". Espero hayas entendido!
@@johnentertained Agradezco tu respuesta. Una cosa màs, si no es mucha molestia, en ambos casos debo crear el "mapDispatchToPropa" o puedo pasar directamente el action importado? (De todas maneras funciona, pero no sé si es una buena práctica)
bastante básica y superficial la explicación, se ve que sabes pero en tu video no muestras ni enseñas como hacer una implementación real en un proyecto, saludos!
Es normal que sea básica y sea superficial. Es el primer vídeo para enseñar Redux desde cero. En la lista de reproducción hay hasta 6 clases para hablar de Redux.
Suscríbete al canal para no perderte nada:
👉 ruclips.net/user/midudev
@midudev Hola, ¿el switch podría sustituirse por el "switch de objeto" que enseñas en otro vídeo?
he estado mirando tutoriales sobre redux pero de verdad que como explicas tu esta bastante acertada la tecnica; simplificado pero conciso para personas que apenas inician en reactjs. mis reconocimientos por tu pedagogía.
Por algún motivo me estaba costando entender Redux y es excelente la manera en que desarmaste todo a la parte más pequeña para explicar cada paso. Gracias por este video!
Increible tu eplicacion! Entendi todo! gracias genio! Saludos de Argentina!
¡Lo explicas genial! sencillo, paciente y sin complicaciones. Como anotación, estaría excelente poder tener el código para analizar y experimentar con calma. Igual gracias por enseñar con tanta pericia y calma.
Gracias Mario! Lo tendré en cuenta!
Excelente explicación!!
Anteriormente hice otro pequeño tutorial pero era muy confuso. Tu lo explicaste demasiado sencillo. ¡Muchas gracias crack!
Sos un capo Miguel, mi total admiración para vos, si te hubiera tenido como maestro hace 5 años no hubiera tenido tantos dolores de cabeza con Redux!
te felicito miguel... esta forma de enseñar llendo de algo simple y luego vas añadiendo mas capas es realmente genial.. hay mucho en la red, pero no tanto en realidad.. saludos de patagonia!
Tremendo!!! Gracias Midu por el contenido de valor que aportas con cada video :D
Wao para mi era confuso lo del patron redux pero lo he comprendido mucho más con este video, eres un grande Midu!!!, saludos desde Perú, seguiré tus videos son muy informativos!
Me alegro que te aya servido Renzo! Era la idea, una introducción básica y desde cero!
espero que estos videos cortos tengan un montón de éxito siempre e querido que hagas videos de no mas de 20 minutos.
Gracias por el apoyo Erick! Lo estoy intentando aunque tiene bastante faena extraer lo importante. :) Espero que os sirvan!
Muy buen video. Llevaba tiempo queriendo aprender redux. Pero no me habia puesto en ello por el echo de que no conocia la potencia que tenia.
Ademas de que no veia alguien que lo explicara bien.
Gracias a ti me han entrado ganas de utilizarlo en mi proxima app. Grande Midu 💪🙏
Genial Alberto! Ya ves que es desde cero pero así uno aprende bien los conceptos más básicos. :) Las próximas clases también son sobre Redux y seguro que te ayuda a seguir aprendiendo!!!
Justo la clase que necesitaba, muy valioso tu aporte, gracias
Con mucho gusto Karina! Me alegro que te sirva!
Justo en mi siguiente proyecto pienso implementar Redux y sale midudev desde cero que suerte, espero con ansias más videos de Redux
¡Qué genial que te haya servido de motivación! Las próximas clases son también de Redux. Seguro que te sirven!!!
te volvi a ver, aun mas claro, que belleza de explicacion!
Excelente Roberto!
Midu -> Patrimonio mundial de la programación. Excelente como siempre.
Pero qué forma más sencilla de entender Redux, por fin. :) Gracias @midudev.
🤟🤟🤟
Hey Midu! A modo propuesta, porque no hay mucha documentación actualizada en español sobre Redux+Saga. Sería genial si pudieras hacer un tutorial completo del manejo de las sagas en react :)
Sigue así y gracias por tus vídeos!!
Lo tengo apuntado para el canal, a ver si puedo hacer algo con Redux Saga. :)
@@midudev 🔝🔝🔝
@@midudev Usas Mac? Me gustaría tener esos 3 puntos de las ventanas para que no salga blanco
Muy fácil de entender, buen trabajo con este video!
Debo felicitarte por esta explicación, muy ilustrativa, sobre todo muy acertado llamarle Maquina de Estados al Reducer, hubiese estado buenisimo con la parte de composeEnhance y combineReducers, y las acciones asyncronas con Thunk o Saga, pero super bueno el video, ya lo demas se entiende super facil despues de verlo. saludos
Gran trabajo midudev sigue adelante
Hola. Buenas tardes! Hago una consulta. Es conveniente guardar en el estado de redux los estados de los imputs de un formulario? Yo lo hacía así, pero muchos dicen que lo correcto es guardar los estados de los imputs de unformulario en el estado local del componente con useState. Qué conviene hacer? Muchas gracias!
Hola. Hasta donde yo sé, lo mejor es guardar los estados lo más cercano al propio componente. Otra cosa es que esos valores que usas en los inputs de los formularios los uses en el resto de la aplicación y tengan que ser compartidos entre distintos componentes a nivel “global”. Si no son muchos o la aplicación es sencilla, usaría el context propio de React. Si se empieza a complicar ya es cuando usaría Redux.
Saludos.
Que buena explicación... un genio
Gracias! 😊
¿Cómo se puede actualizar un estado y acceder al mismo desde un componente hijo de App?
Una vez que haya creado el almacenamiento , puedo acceder a el desde otros archivos desde mi proyecto no ?
muy buen vid! me encanto la velocidad de la explicacion
Exelente video midu pero en la doc oficial me ponen el ejemplo [ara los reducers como switch que seria mejor utilizar los if o el switch??
que extension usas de VScode para que te de esos avisos en tus lineas de codigo??? 9:50
Error lens
podemos usar un hook "useSelector" para traer el estado actualizado a nuestro componente const myState = useSelector(state=> state);
al componente App lo envolvemos con un provider y asi evitaremos hacer el subscribe y la funcion q menciona midu
Eres el mejor!!! Gracias 🙏
Gracias, excelente explicacion!
Gracias a ti! 🤗
Va demasiado a saco rapidisimo exclente
Consulta. Cuando en en Redux, usamos useState. guarda en el ESTADO algo, se hace con setAlgo(); y esa accion es Asincronica.
el store.dispatch, es Asincronico o Sincronico?
Cual es la ventaja de Redux, los Subscriber?
Para una app en React nueva tendrá sentido usar Redux?
Se puede reemplazar Redux por Context y GraphQL?
Saludos!
Siempre, súper bien explicado.
Tengo una duda como puedo guardar la info ya que cuando actualizó con F5 el proyecto se reinicia la info y no guarda ningún estado
Gracias por el contenido.
Tremendo video! :)
Muchas gracias!!!!
Muy buen contenido!
Muchas gracias!!!!
Excelente! Muchas gracias. Contenido A1
Muchas gracias crack! Gracias por comentar!
Que puedo hacer si quiero tener 'N' numeros de contadores?
excelente explicación. Una consulta, estando en producción, ¿un tercero podría ver el estado de nuestra aplicación con ReduxDevTools, hacer modificaciones, etc?
Muy buenos tus videos. Tengo una consulta, ya que no usé demasiado Redux. Es necesario usarlo en un CRUD, si el estado no va a ser compartido entre componentes, ej: Si hago un alta, baja o modificicación me redirige otra vez a la pantalla del listado.
Y otra duda, cuándo usar redux-thunk ?
Gracias!
Gracias por los videos, consulta !!!! Que programa usas para correr js ??? Entendí algo de un reindeer !!!
runJS
wow super explicación !!! gracias amigo,
Hay algun video de continuacion despues de este video? Se corta al final y ya no supe que onda haha
Épico!
Gracias crack!!!
Amigo tu no tienes cursos en udemy ?
Con redux podria hacer un carrito de la compra?
Claro, sin problema
Qué buena explicación @midudev
Muchas gracias, encantado que te haya gustado!
Subes este tipo de contenido a twitch? De ser así, ¿Cuál es tu canal?
Sip. Mi canal es twitch.tv/midudev :)
Genial el video !
Por cierto alguien sabe algún modo de mostrar los errores mientras escribes cómo hace él? Supongo que es algún plugin pero no consigo encontrarlo
error lens (extensión de vscode)
Redux con una app de vue? :V me acaba de explotar el cerebro. ¿Con vue no se suele usar es pinia?
Hola a todos! Primero que nada, excelente explicación justo estoy usando Redux con React. Tengo una duda con respecto a redux. Qué diferencia existe entre hacer eso: export default connect(mapStateToProps, {editStandup})(StandupEdit) y esto export default connect(mapStateToProps, mapDispatchToProps)(StandupEdit)? Sé que ambos funcionan, pero me gustaría saber si ambos son aceptables como prácticas. De antemano muchas gracias.
De la segunda manera estás pasando el objeto "mapDispatchToProps" completo, de la primera forma estás usando destructuración de ese objeto para obtener sólo la variable "editStandup". Espero hayas entendido!
@@johnentertained Agradezco tu respuesta. Una cosa màs, si no es mucha molestia, en ambos casos debo crear el "mapDispatchToPropa" o puedo pasar directamente el action importado? (De todas maneras funciona, pero no sé si es una buena práctica)
este chico es la bibliaa
Gracias Delfi! 🤗
Excelente!
necesito un ejemplo de ssr con next.js y redux
NEXTJS, tiene su propio Redux?
Nop.
Ojalá tener algo como vuex pero para react, es mucho mas facil de utilizar y te quita menos tiempo al hacer tus proyectos
buena intro a redux
Gracias Justin!
8:05 typescript moment
7:00
Es literalmente el Vuex de Vue :b
Por ue
🙀 puqueeee
muy bueno! pero vamos muy rapido ,
Se me parecio mucho a useReducer
Es que justamente el useReducer está basado en la forma de actualizar el estado de Redux.
Se te olvidó el break del switch
Pero si estoy haciendo un return, Pedro. Para qué quiero el break?
quita el chat, distrae
bastante básica y superficial la explicación, se ve que sabes pero en tu video no muestras ni enseñas como hacer una implementación real en un proyecto, saludos!
Es normal que sea básica y sea superficial. Es el primer vídeo para enseñar Redux desde cero. En la lista de reproducción hay hasta 6 clases para hablar de Redux.
excelente explicación, explica muy bien, todo fluido y se ve que sabes lo que haces, eres un crack. Bendiciones @midudev
Gracias Yosmar! :)