Тёмный

Cúando y cómo usar Redux, Context o Rxjs? Con esto tu app no tendrá problemas de comunicación 

Gentleman Programming
Подписаться 43 тыс.
Просмотров 20 тыс.
50% 1

¡Buenas, buenas mi gente!
Vamos a ver cómo utilizo en mis projects personales los siguientes conceptos :
#RxJS
#Context
#Redux
#ProgramaciónReactiva
#Observables
#Subject
#BehaviourSubject
#SingleSourceOfTruth
y mucho más!!
A por ello !
Código de la clase: github.com/Gentleman-Programm...
Si quieres hacer una donación: streamelements.com/gentlemanp...)
▬ Links de interés ▬▬▬▬▬▬▬▬▬▬
Link a Twitch: t.co/vodIqiCH9N
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link a instagram: / gentlemanprogramming
Link a twitter: / g_programming
Link al libro "Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación": amzn.to/2ReBuzL
#comunidad #discord #programming #podcast #live #stream #clase #ReactJs #customHooks #hooks #lifecyle #componentes #framework #library

Наука

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

 

8 авг 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@thekillercraft1000
@thekillercraft1000 Год назад
No pudiste haberlo dicho mejor, AQUI SE HACEN Y SE APRENDEN COSAS BASADAS EN EXPERIENCIA, en realidad he comentado algunos de los videos que he visto y tambien he preguntado cosas y me has respondido, este es el mejor canal de programacion junto con fazt que he encontrado. Pero tu contenido se destaca mucho por encima de los demas, tus videos no solo te enseñan a utilizar las herramientas de forma basica como tu mismo lo dijiste, sino que nos enseñas a como realizar una mejor implementacion de la misma basada en tus años de experiencia, cosa que te agradezco muchisimo y supongo que mas de uno tambien. Tus videos me estan ayudando muchisimo a comprender cosas que quizas con otros canales se pasan por alto. Algo que agradeceria muchisimo es que se comience a hacer todo en TS ya que es la mejor manera de desarrollar proyectos y aprendemos a hacer el tipado de cosas mas complejas. Un abrazo !!
@GentlemanProgramming
@GentlemanProgramming Год назад
Muchas muchas muchas gracias por el comment !!! Me refuerza enormemente la idea que tengo a donde estoy dirigiendo el canal y el contenido. Y no te preocupes que se vienen cositas ;)
@rubendariohernandezcenteno5259
Lo que me parece a mi una locura es que en 47 mins logres ser tan fenomenal y enseñar RxJS de una manera increible!!... Gracias Alan por esos videos!
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias Ruben!!! Es un tema que la verdad que me apasiona :)
@ghss5088
@ghss5088 Год назад
Gracias totales.
@2005bgva
@2005bgva 9 месяцев назад
Me ha encantado tu vídeo, muchas gracias por compartirlo, aún no termino de verlo pero ya estoy ansioso de repetirlo.
@ragnarok_tz
@ragnarok_tz Год назад
Es increible lo que aprendo en este canal, me veo todo. Una master class con buenas practicas, en este caso no conocia de RxJS, pero lo agregare a mis futuros proyectos, y ademas me queda mas clara la idea de cuando y como usar redux y context. Saludos y gracias por el contenido.
@Marcello019940
@Marcello019940 Год назад
Gentleman, eres lo máximo, yo la verdad es que estoy en pañales y muchas cosas no entiendo, pero hay otras que si y muchas preguntas que tengo me las respondes. Eso sumado al carisma y la simplicidad que tienes para explicar cosas complejas (el ejemplo del armario con Redux). Muchas gracias por la ayuda :')
@saulnarvaezmenencio105
@saulnarvaezmenencio105 Год назад
Me gustó mucho tu video, lo voy a aplicar a mis proyectos
@CamiloAlmada
@CamiloAlmada Год назад
Sinceramente agradezco muchisimo al algoritmo de RU-vid por recomendarte, porque la verdad es la mejor explicacion que he visto de estos conceptos por lejos! Acabas de ganarme como sub Saludos desde Uruguay
@federicocorrea6367
@federicocorrea6367 11 месяцев назад
Que video espectacular, la facilidad con la cual estás enseñando RxJS y patron Observer!!! Me llevo un montón de aprendizaje que voy a comenzar a aplicar en los proyectos de la empresa en la que trabajo. Gracias Alan sos crack amigo
@Lucho-s
@Lucho-s Год назад
Tremendo video y excelente contenido! Mil gracias por todo Alan!
@GentlemanProgramming
@GentlemanProgramming Год назад
Mil gracias a ti Lucìano por pasarte !!
@joseboschero7848
@joseboschero7848 11 месяцев назад
Una locura amigo, aprendo mas aca en un video de casi 2 hs q en un bootcamp de 4 meses, segui asi master
@matiastorres5993
@matiastorres5993 Год назад
genio! muchas gracias por esto! se resolvieron dudas existenciales!!! un abrazo desde jujuy!
@BernhardRutzen
@BernhardRutzen Год назад
1:01:54 Me jodí de la risa en esta parte, cuanta verdad! 😂😂🤣🤣
@grindlps
@grindlps Год назад
"Quiero que todos miren a su armario..." *miro mi armario *aprendo Redux Sos un genio Alan, buenísimos todos tus videos!
@f0j1
@f0j1 9 месяцев назад
Nooo que buena! Justamente yo tenia un formulario, al cual necesitaban sacarle el boton de submit y ponerlo en otro componente (Un resumen de la compra al lado derecho). Entonces alguien hizo un observador medio rudimentario xd por asi decirlo. Habiendo podido usar Rxjs. Me lo anoto, gracias
@josealbertomartinezvillega1610
excelente, excelente, la forma de explicar, asi como yo entiendo, se que muchos lo hacen
@facundoburgos7992
@facundoburgos7992 9 месяцев назад
amigo que nivel !!
@cuaticito
@cuaticito Год назад
Tremenda clase te mandaste man, excelente contenido ... Muchas gracias por ello ...
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias Luis por el aguanteeeee 💖💖
@Idk-vm4lz
@Idk-vm4lz 8 месяцев назад
Conoci tu canal y explicas ufff
@MartinPerez-mi1ty
@MartinPerez-mi1ty Год назад
El video que siempre esperé
@GentlemanProgramming
@GentlemanProgramming Год назад
Y espero haber cumplido con tus expectativas !!
@oarnal
@oarnal Год назад
Genio! Prefiero ver tus vídeos a hacer cualquier curso. Se aprende mucho más 😂😂 Me encantan especialmente los tips de buenas prácticas (brutales!!!) y consejos de utilización de herramientas basados en la experiencia. Mucho mejor que la forma "normal" de trabajar. Un crack!
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias oarnal !!! Muchas muchas gracias por las lindas palabras. Vamos a meterle pila a continuar de esta manera :D
@juanramonsantoscaba6950
@juanramonsantoscaba6950 Год назад
He aprendido mas con este canal que en el "bootcamp" que hice, Gracias al Mr. Moustache
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias Juan !!! Muchas muchas gracias 🥹
@cristianroa1141
@cristianroa1141 Год назад
A que bootcamp asististe😮?
@dreamdead01
@dreamdead01 Год назад
estoy aprendiendo gracias a voz las explicaciones son fenomenale y la verdad donde trabajo estoy usando Vue pero la verdad aprender React me a servido para poder hacer cosas en Vue muy copadas y espero seguir aprendiendo con tus videos
@GentlemanProgramming
@GentlemanProgramming Год назад
Genial Pedroooo, es totalmente cierto ya que Vue y React tienen mucho en común
@juanebertaypeescobar3482
@juanebertaypeescobar3482 Год назад
this channel is one of the best programming, your tutorial are very good
@GentlemanProgramming
@GentlemanProgramming Год назад
Thank you so much !!!!!!
@YusufSalahAdDin
@YusufSalahAdDin Год назад
Esperando el video sobre la mejor forma de usar Context, gracias!
@GentlemanProgramming
@GentlemanProgramming Год назад
Fíjate que en el vídeo lo explico !!!
@TechViewXYZ
@TechViewXYZ Год назад
Super bueno el vid, nunca decepcionas; lo único que hubiera agregado en la parte de RTK es agregarle un side effect con thunks. Pero seguramente vendrá próximamente si no es que en algún otro vid puede que ya cubras eso.
@GentlemanProgramming
@GentlemanProgramming Год назад
Yes, lo de los thunks no los uso realmente en lo profesional porque utilizo otro tipo de técnicas como SWR, pero igualmente si los he utilizado cuando por ejemplo al emitir una acción, otra desde otro slice también debe de ejecutarse. Haré un vídeo dentro de poco con esto
@manuelcobasguerra4741
@manuelcobasguerra4741 Год назад
Que GODDDDD
@GentlemanProgramming
@GentlemanProgramming Год назад
@jhoncarloscastilloatencio8631
Eres dios...
@codingjhames
@codingjhames Год назад
RxJS desde el min 15:05 hasta el 1:08:50 y Redux desde 1:08:50
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias craaaaaack
@jaime6558
@jaime6558 8 месяцев назад
Redux empieza en el 1:08:48
@jorgeandres4234
@jorgeandres4234 Год назад
Gracias hermano, siempre aprende algo nuevo con tus videos. Para usar RxJs con React entoces ¿se tiene que quitar definitivamente el StrictMode?
@GentlemanProgramming
@GentlemanProgramming Год назад
Para nada ! Lo saque para que no se confundan :)
@quicktutorial2761
@quicktutorial2761 Год назад
excelente como siempre, ahora la consulta: puedo reemplazar redux y context por RXJS, porque estuve probando y hace lo mismo... osea es un state manager y ya esta... o no seria correcto esto que planteo??? gracias desde ya Alan!
@GentlemanProgramming
@GentlemanProgramming Год назад
En el vídeo explicó que yo uso los tres jajaja cada uno tiene una mejor aplicación, pero rxjs lo dejaría para cosas más simples
@claudiomnec
@claudiomnec Год назад
Excelente video! has utilizado react query? como quedaría en esta arquitectura? que eliminarías?
@GentlemanProgramming
@GentlemanProgramming Год назад
Fíjate mi vídeo de SWR ! Es exactamente lo mismo :)
@prodrigu75
@prodrigu75 Год назад
Excelente clase. Te comento que yo también prefiero MIL VECES Typescript, ya que ayuda muchísimo a programar y detectar errores. Además siempre que trabajo con JS tengo problemas con las importaciones, no siendo así con TS. Una pregunta....estos en vivo, cuando los haces? Los anuncias? Un abrazo y muchas gracias por tu tiempo y compartir tu experiencia.
@GentlemanProgramming
@GentlemanProgramming Год назад
Buenas ! Hacemos live 4 veces por semana y se avisan por twitter, Instagram, discord, etc Prácticamente todas mis redes :) Las puedes encontrar en el about del canal o en la descripción de los vídeos
@aldaireyngaruca4997
@aldaireyngaruca4997 Год назад
tuki
@nicolaspiconjaimes3712
@nicolaspiconjaimes3712 Год назад
Profe, saludos! Pregunta tecnica. Redux toolkit no se asegura, en su proceso interno, que si yo muto el state (cuando devuelvo cada uno de los reducers), el no lo muta? Entiendo que el spreadOperator se usa para no mutar el estado si no crear un objeto nuevo que tenga el estado actual mas nuevos valores de propiedades o actualizar las ya existentes. En el caso de redux/toolkit, podria yo decir entonces state = {...state, anyChangeIwantToMake} y luego return state; ?
@GentlemanProgramming
@GentlemanProgramming Год назад
Esta INCREIBLE tu entendimiento, justamente eso y es JUSTAMENTE lo que hago yo en mi trabajo. Utilizo el spreadOperator para modificar o reemplazar propiedades del state, o al state entero. Bien hecho !
@MegaCain16
@MegaCain16 Год назад
hola tienes un video de tu configuracion de VSCode los plugins que utlizas y que caracteristicas le tienes habilitadas? vi que tienes como un IntelliSense para no escribir toda una funcion sino que ya el lo detecta sin terminar de escribir todo
@GentlemanProgramming
@GentlemanProgramming Год назад
Se llama GithubCopilot y es de pago. Tengo un video en el canal (un short) con todas mis extensiones :)
@pedromanuelcamargomendez6520
Excelente muchas gracias. Alan podrias hacer algo un poco mas complejo con Redux-Toolkit y RxJs utilizando Typescript. mil gracias.
@GentlemanProgramming
@GentlemanProgramming Год назад
Yes ya estoy preparando algo ;)
@pedromanuelcamargomendez6520
@@GentlemanProgramming muchas gracias ya que la forma cambia bastante por el tipado y muy interesante conocer tu forma de codificar.
@jeysonguzman7023
@jeysonguzman7023 Год назад
una pregunta, para manejar el unsubcription en react seria un return en useEffect ?
@GentlemanProgramming
@GentlemanProgramming Год назад
Yes ! Exactamente, ahí le haces el unsubscribe;)
@devsilva7155
@devsilva7155 Год назад
lo usaré una pregunta, como vas con el desarrollo de la app de react que muestre imágenes en forma de carrusel en firebase? lo espero con ancías
@GentlemanProgramming
@GentlemanProgramming Год назад
Ahí vamos, en cualquier momento va a salir no te preocupes que aviso
@devsilva7155
@devsilva7155 Год назад
@@GentlemanProgramming muchas gracias de verdad, espero puedas subir más videos de desarrollo de aplicaciones en React para prácticar
@dieherro
@dieherro Год назад
Gracias por la comparación de las diferentes formas de aplicar el manejo de estados, yo he trabajado con redux y Angular y ahorita estoy trabajando en un proyecto de React, sin embargo tengo una duda y acerca de los efectos secundarios que se ejecutan cuando se hace un cambio de estado, sabes donde puedo conseguir la documentacion apra aplicar estos efectos secundarios de redux con React? muchas gracias por el video.
@GentlemanProgramming
@GentlemanProgramming Год назад
Lo tienes ! redux.js.org/usage/writing-logic-thunks
@dieherro
@dieherro Год назад
@@GentlemanProgramming gracias
@alejandrodanieloliva7236
@alejandrodanieloliva7236 Год назад
Se puede hacer un proyecto a grande con estas 2 librerias aparte de context? Pasa que me puso a pensar en el peso de la app y no se el peso que tengan estas 2 librerias.
@GentlemanProgramming
@GentlemanProgramming Год назад
Se puede totalmente, redux es el state manager más usado actualmente y rxjs es library número 1 de manejo de observables
@alejandrodanieloliva7236
@alejandrodanieloliva7236 Год назад
@@GentlemanProgramming Trabajo en un banco y siempre me dijeron que no es bueno instalar dependencias por que si. Me dicen que solo trabaje con context. En otros proyecto he usado redux solamente. Pero siempre maneje un solo gestor de estados. Tu punto de vista me parece interesante, pero es lo normal o lo correcto hacerlo? Me gustaria aplicarlo en mis proyectos personales, tambien podria plantearlo en proyectos en mi trabajo. Apenas llevo 1 año y moneda trabajando y es la primera vez que veo este tipo usos con las librerias y context.
@GentlemanProgramming
@GentlemanProgramming Год назад
@@alejandrodanieloliva7236 si si es la forma en que siempre lo hice yo, y nunca es un porque si. Tienes que evaluar si te van los beneficios
@nemines001
@nemines001 Год назад
saludos que pones acento neutro ? eso no te lo cree ni otro argentino jajaja mas que todo ustedes se distinguen por que el ya se escucha sha, yo sho. Muchas gracias por compartir exelente contenido y carisma
@GentlemanProgramming
@GentlemanProgramming Год назад
Jajaja muchas gracias a ti por el comment ! Dentro de lo que es Argentino te prometo que es bastante neutro ajaja igual estoy cambiando la forma para ser más yo
@RodrigoMorenoIngenieria
@RodrigoMorenoIngenieria Год назад
Html es el mejor lenguaje de programación, es el trolleo más grande y antiguo en la historia de los programadores
@GentlemanProgramming
@GentlemanProgramming Год назад
Totalmente 🤓🤓
@CZar_82
@CZar_82 Год назад
Master Saludos!!! hace poco descubrí tu canal y me ha servido muchísmo. me surgen 2 inquietudes.. 1. Porque siendo fan de Typescript no nombras tus archivos .ts o .tsx. 2. Cual seria la estrategia mas PRO, para almacenar informacion en sesión, o localstorage, por ejemplo para el caso de un login o marketplace o carro de compras, he visto muchos videos pero en todos utilizan redux y de esa manera el state se reinicia al recargar la pagina o al abrir una nueva pestaña no se comparte.
@matiassantiago4205
@matiassantiago4205 Год назад
anti junior. me senti super ofendido😂
@GentlemanProgramming
@GentlemanProgramming Год назад
AJJAJA amo a mis juniors
Далее
WE COOKED A SHRIMP KEBAB  #recipe #barbecue #food
00:21
Просмотров 531 тыс.
Gestión de Tareas en Obsidian Tasks (Setup Simple)
5:56
React + RxJS = Reactive Global Goodness
26:46
Просмотров 41 тыс.
ПОКУПКА ТЕЛЕФОНА С АВИТО?🤭
1:00
Все Смартфоны vivo Серии V30!
24:54
Просмотров 26 тыс.