Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS

[@franciscoplaza7078]

15:15 Se renderiza dos veces porque estamos usando como wrapper de nuestra app. StrictMode hace que los componentes se rendericen dos veces cuando estamos en development (usando npm start). En el caso de que usemos npm run build, no se renderizará dos veces porque no estaremos en development sino en producción.

[@camja11]

Gracias por el dato, crack!

[@theodoredarian7889]

I guess it's kinda off topic but does anyone know of a good website to stream new movies online?

[@lukaschris9333]

@Theodore Darian flixportal :D

[@theodoredarian7889]

@Lukas Chris Thank you, I went there and it seems like they got a lot of movies there =) I appreciate it!

[@lukaschris9333]

@Theodore Darian Glad I could help xD

[@nirbeathaboryhm]

Midu, no tengo palabras para agradecerte la claridad con la que explicaste como lograr cambiar el contexto con useState. Perdí la cuenta de la cantidad de consultas que hice y al único al que le pude entender el asunto de los hooks en general, y del useContext en particular, fue a vos. Un millon de gracias!!!!

[@joannasakugawa9935]

Buenísimo es mucha info y marea un poco para alguien como yo q recién arranca pero de a poco voy practicando en mi PC y así se va a aprendiendo. Muchas gracias por compartir info tan importante y explicar todo tan claro!

[@espinosa.jorgea]

Hola Miguel..... Bueno, llegue un año tarde a tus cursos, pero aqui estoy viendo todos tus videos desde Argentina. Y por supuesto ya me he suscripto a tu canal y siguiendote en tus videos y cursos. Tienes una forma muy sencilla de explicar hasta lo mas dificil. Abrazo y gracias !!!!!!

[@espinosa.jorgea]

Ah.... sería muy bueno y util para quien llega mucho tiempo despues (como yo....) que cada video tenga el link al siguiente.... ya que me ha costado encontrar la secuencia. ;-)

[@slaveofthecode]

No te conocia, y la verdad... explicas muy bien y se nota que tienes muy en claro los conceptos. Asi que, te has ganado un nuevo suscriptor!.. Saludos desde ARG.

[@josegc3414]

Eres chingon, la neta aunque duren mucho los videos te desenvuelves bastante bien eso hace que uno no deje de verlo, gracias :D

[@JesusMurF]

28:59 “este componente está para lamerlo” muy fan 😂

[@franciscomanuelcazallapere8290]

Chapeau de nuevo! Esperando a que llegue el viernes para ver paginación, lazy y suspense. Enhorabuena de corazón

[@midudev]

Muchas gracias Franciscoooo! 🤗

[@guachiii18]

Te amodoro Midu !! Dije ufff donde me meto con lo de custom Hooks y los entendi perfectamente

[@kevinzunigacuellar]

Muy buen video midu, esta mas claro que el agua esa explicacion.

[@jeycolon]

Aquí dejando mi LIKE antes de empezar a ver la clase jajaja 😎😎😍

[@ulisesmak]

Menos mal que sos muy bueno explicando, porque la verdad me costo un poco entender lo del Context jasj

[@brachintosh8337]

@midudev muchas gracias por compartir tu conocimiento con tanta buena onda, dan ganas de seguir de maratón con la playlist, buenisimo el contenido! éxitos!

[@jonathanhenrymarinocruz8721]

me vi este video como 8 veces para entender ese contexto, muchas gracias

[@lesterpaz797]

Me ha gustado mucho esta clase, gracias de verdad por este contenido gratuito.

[@eanappi]

Capo total saludos desde ARGENTINA

[@mbv401920150]

Lo comentaste en el video; yo intente por mucho usar un Context, antes que Redux; pero al final los re-renders eran execivos y el rendimiento se complico con algo que debia ir facil. Al cambiarme a Redux, todo fue mucho mejor. Aunque, estoy seguro que lo optimice pesimo, y parte fue mi culpa. Pero Redux me parece mas ordenado... y al final "para que inventar el agua tibia?". Eso, y despues que necesite usar redux-thunk para manejar asincronia... la app me va rapida y es menos painful que el Context. Punto extra de tener el Redux DevTools (Extension que sirve para ver el estado de Redux y mappear cambios y ver diferencias, etc)... Al final, genial video... me abriste la mente de sus otros usos y como hacer un Wrapper dentro de un Custom Context para manejar un estado. Y los Custom Hooks... excelente explicacion!

[@midudev]

Muchas gracias por tu comentario Michael! Me alegro un montón que te sirviese y que te haya hecho plantearte cosas. :) Al final si Redux te va para lo que necesitas, entonces buena elección es! :)

[@juanjosefernandez7704]

Muy buena tu explicación del contexto

[@danielsoracipa8831]

Eres muy bueno muchas gracias por estos videos :) me esta sirviendo muchisimo y seguro que a muchas personas les a salvado tambien makinaaaa, tifonnnnnnnnnnnn

[@midudev]

Con mucho gusto Daniel! 🤗

[@rinconfede]

gracias campeon, me ayudaste a terminar de entender el useContext !!!

[@zittrojj]

campeón, eres un crrrrrack. solo un detalle, hiciste unos cambios antes de este vídeo que me han vuelto loco. soy muy novato en React. En fin, solo avisar que esos cambios, por tontos que te parezcan, han hecho que se me reviente el coco buscando los fallos en mi app

[@santiagolarreahenao3165]

Nadie: Absolutamente nadie: Yo cada que midudev decía "conexto": "Te la tragas sin pretexto". Excelente video!

[@NikoFluis]

Como me encanta tu curso xD

[@juancarlosvm5397]

Gracias por enseñarnos tanto midu...

[@jorgehugosaavedralopez873]

Campeón 🏆.. Gracias, Dios me lo bendiga siempre 🙏

[@midudev]

Muchas gracias Jorge!

[@exterminiumn]

Thanks!

[@nemines0027]

saludos muchas gracias le pones buen carisma

[@jorgeantonio4208]

He llegado un año tarde, pero aun asi he aprendido un monton. Gracias😁

[@mariadelapazmarzana2288]

Muchas gracias por compartir tus conocimientos.

[@midudev]

Gracias a ti Maria! :)

[@TheSelaYo]

Me encanta como explicas💯💯 muy toop!!! 👍

[@midudev]

🤗🤗🤗🤗 gracias!!!

[@juanpaz98]

Gracias Midu, he aprendido mucho con tus videos !! Espero que sigas creciendo mucho mas en la plataforma

[@josecentenodev]

Que fundamenten los dislikes porque no puedo entenderlos. Sos tremendo crack midu! Gracias por tu conocimiento y por este proyecto!

[@eliseo212]

Una pasada los custom Hooks💪💪💪

[@midudev]

Totalmente Mario!

[@VacKusaI]

La gente que le da dislike a los videos del Midu 🚩🚩🚩🚩🚩🚩

[@GonzaloGoral]

Muy bueno el curso, como sugerencia deberias tener sincronizadas las ramas del repo para que coincidan con el inicio de cada video.

[@midudev]

Gracias por la idea. :) En la nueva serie de vídeos he intentando otra forma de hacerlo que creo que tiene más sentido. :)

[@leonardogerbacioromero5473]

Gracias Midu genio!

[@bernatqi]

Gracias por el contenido 🙏

[@franciscopalacios3799]

Eres GRANDE broh! 👏👏👏👏👏👏

[@midudev]

Gracias Francisco!!! 🤗

[@juan-bh9vr]

muy buenos amigo. gracias !

[@kennetquiroz5601]

Este curso me encanta gracias por existir midu

[@josephlojan827]

La parte del context comienza en el min 49. Bacan.

[@vjlkof]

Excelente explicación.

[@midudev]

Muchas gracias, me aleogr que te haya servido!

[@elProdigio]

Muchas gracias, crack.

[@midudev]

A ti, prodigio! 😊

[@paulvasquez4014]

Saludos excelente video de react desde ecuador estoy comensando en react hice la primera parte dela aplicación la segunda no por que no tengo tanta lógica con respecto alos cambios hechos con las rutas y el cambio del id por el search

[@midudev]

Genial Paul! Poco a poco! Mucho ánimo!!!! 💪

[@enmimaquinaandaba]

20:55 column-count es soportando por todos los navegadores inclusive por IE a partir de la versión 10: caniuse.com/#search=column-count

[@midudev]

Igual me confundí porque no hablaba como tal del column-count si no del break. Que igualmente veo que soportar no lo soportan del todo bien ni los nuevos (y en cambie IE11 parece que sin problemas): caniuse.com/#feat=multicolumn

[@melaniemendoza4859]

Muchas gracias 🙂

[@midudev]

🤗

[@dlawliet139]

Excelente mano!!! Sencillo la explicación y bien entendible, justo lo que buscaba; me suscribo. Quería saber que plugin usas para identificar errores en tu código. Gracias

[@douglaslovera8888]

Hola! El plugin se llama Error Lens

[@miguelalvarez4591]

Muchas gracias 👌🏻

[@simonenriqueramirezferrer9886]

Muy guay

[@georgieduarte2474]

excelente, gracias bro

[@alvamajo4640]

una Jojita!

[@midudev]

Gracias!!!

[@sergioserrano4342]

Porfa @Midudev en lazy puedes comentar cómo hacer la prueba unitaria? No consigo esperar el renderizado o forzarlo para poder probarlo en las rutas.

[@parkin09kinder]

Muy buenos videos! Espero que sigas asi Te puedo preguntar que extenciones usas? Estan muy copadas Gracias man!

[@midudev]

A ver si hago un vídeo mostrándolas!

[@nazarenofernandez1509]

TE AMOOO

[@midudev]

🤗🤗🤗

[@danitradito4992]

Hola Miguel muy buenos todos los lives! te queria hacer una preguna: Porque defines los componentes de esta forma: export default function myComponent (props) { ...whatever return ( ...my JSX ) } Y no de la siguiente: const myComponent = (props) => { ...whatever return ( ...my JSX ) } export default myComponent; Hay alguna razon de perfomance el no usar arrow functions al definir el componente? Gracias! Y excelente todo lo que haces para la comunidad de React, saludos desde Argentina!

[@midudev]

Creo que esto merece un vídeo a parte. jajaja :) Pero la explicación corta: - Me gusta la semántica visual de function. (y dentro usar const para las funciones, así visualmente se separa mejor). - No me gusta la semántica de usar una constante para guardar una función. - No me gusta tener que repetir el nombre del componente dos veces (al declararlo y al exportarlo) por lo que... - Me permite hacer un export default en la misma línea. Dicho esto, no lo hago por temas de performance. De hecho, EN TEORÍA, una arrow function (sin transpilar) debería ser más rápida que una function. ¿Por qué? No tiene que crear el objeto this y no tiene que rellenar el objeto arguments. Esa es la teoría. Los motores pueden optimizar este tipo de cosas de formas muy extrañas y uno nunca sabe por lo que, mi recomendación, sería no preocuparse en temas de rendimiento respecto a como hacer uno u otro. Si usas const me parece estupendo. Creo que es igual de válido y yo a veces lo uso y no le veo nada malo. :D Pero vaya, sí hay razones por lo que lo suelo hacer, aunque ninguna es por performance y no es nada del otro mundo. :D Es más cuestión de gustos personales!

[@danitradito4992]

@@midudev Buenisimo! muchas gracias x tu respuesta! Justamente entendia eso del arrow function cuando Babel lo transpilaba, que "supuestamente" mejoraba el rendimiento respecto a la function de ES5. Saludos!

[@agushaven]

@@midudev muy buena respuesta.

[@jorgellanque7704]

Gracias Genio!!

[@midudev]

Un placer Jorge! 🤗

[@pablokrainuk8530]

Ufa, lo tengo tal cual pero cuando abro el details, el console log me muestra el array de gifs que esta en el GifContext vacio :/, y por ende me aparece un componente GIF vacio.

[@midudev]

Aunque es difícil sin ver el código... ¿Es posible que estés haciendo la navegación sin el componente y se esté recargando? Creo que en uno de los siguientes vídeos lo solucionamos también, para que sea como sea siempre recupere la info del Gif!

[@pablokrainuk8530]

@@midudev muchas gracias, era eso, aun estaba usando en el componente gif una etiqueta a con href en vez del link de wouter.

[@geraldinediaz731]

Gracias por preguntar esto, tenia la misma duda, con la respuesta de Miguel quedó al pelo. Gracias!

[@elrafineitorxd5400]

Te quiero Midu

[@midudev]

Gracias hombre 🤗

[@fabrizioaq-gy3bm]

Después de aprender Javascript ya se entiende mejor React 🤑

[@irvb681]

Grande !!!

[@midudev]

🚀 gracias Nacho!!!!

[@Dobriant_R2D2]

midu: porque sale un teletubi aqui? venezolanos: aunque lo explique no lo entenderias xd

[@lilzupa1661]

3:50 como es que en el import pone la dirección de una carpeta y esa dirección devuelve una función? por ejemplo SearchResults

[@geraldinediaz731]

funciona por el index.js

[@lilzupa1661]

@@geraldinediaz731 Lo intente y no me funcionó ಠಿ_ಠ

[@nicodelpiano7022]

Creo que está el audio desfasado por los 3 minutos de espera al principio. Gracias por el contenido!

[@midudev]

Creo que debería estar arreglado! Corte el principio y estaba procesándose! Gracias por avisar!

[@oscarrakkso4477]

Hola, gracias por la serie de videos. Me he atascado en la página del detalle, y he visto donde falla pero no lo entiendo. Lo que ocurre es que se llama al contexto para informarlo antes de mostrar el detalle. Esto hace que al contexto le llegue la lista de gifs vacia. No entieno porque ocurre, pero he visto que se soluciona cambiando el componente GIf. Cuando no funciona tengo esto: export default function Gif ({ title, id, url}) { return ( {title} {id} ) }, y cuando funciona esto: export default function Gif ({ title, id, url}) { return ( {title} ) } Lo mismo mi pregunta demuestra, que he aprendido poco, pero si hay respuesta seguro que aprendo algo más. Muchas gracias

[@fidelangelochoa9225]

creo que es por que 'Link' manda la url que generas la 'App' donde tienes el resto de componentes como los 'Route'. Recuerda que los 'Route' renderizan el componente que le indiques ( 'component={tu-componente}') cuando la 'url' en 'Path' coincida con la que se pone en la barra de direcciones del navegador. Link si "manda" esta url y href no, asi que creo que por eso te genera un error. Espero te sirva, es como lo entiendo. Y si ya lo resolviste comparte tu solucion.

[@daparamo]

Muchas Gracias Tambien tenia el mismo Error no llegaba el Array a el Detail :D Genial !!

[@andyfernandezgarcia2289]

Creo que llevo ya una semana en esto mismo y mira donde es que estaba el error.jajajaja manera de buscar nunca me imagine que fuera eso Gracias MILes

[@sergiocalvocastro1859]

Para un moda global de loading al llamar a la API sería recomendable usar el Context con un reducer? Es decir en el App.js reenderizar el spinner loading si el context tiene la variable open en true y esta variable poderla cambiar desde los diferentes componentes con el Dispatch. O esto se podría hacer con un customHook?

[@midudev]

Hola Sergio, perdona que haya tardado tanto en contestar! Se me pasó el comentario. En general tiene buena pinta lo que comentas aunque no pondría ese spinner a nivel de App, ya que sino harías que se re-renderizase toda tu App a cada cambio del estado del Contexto. En lugar de eso, lo haría en un componente (que sí puede estar dentro de la App), y que internamente tuviese el contexto. Al final, para leer ese Contexto lo podrías hacer con un Custom Hook perfectamente 👍

[@hinaren1879]

Pregunta, cómo se llama la extensión de vs code que le devuelve info de Javascript? La que se muestra en el vídeo

[@lucasporto5424]

vengo 2 a;os tarde a este video, pero puede ser que el "onSubmit" con "preventdefault()" haya dejado de funcionar?, en una app de cero lo testee y hace postback total

[@mbv401920150]

Te falto los links del blog de Kent: kentcdodds.com/blog/ kentcdodds.com/blog/how-to-use-react-context-effectively Viendo su blog esta muy bueno... Otro recurso muy usado... Medium.com Bueno... y el de este crack: midu.dev/

[@midudev]

Gracias por compartirlos Michael!

[@sixto82]

​ @midudev Deberías poner los enlaces de los videos anteriores para encontrarlos mucho más fácil.

[@midudev]

Hola Sixto! El vídeo es parte de una lista de reproducción y deberías poder acceder fácilmente al anterior y el siguiente. Si no, aquí tienes la lista: kzbin.info/aero/PLV8x_i1fqBw0B008sQn79YxCjkHJU84pC

[@mrstudioguitar2808]

Hola midudev! Muy buenos videos. Tengo una consulta, por qué exactamente dices que Context no es tan potente como Redux? Quisiera encontrar motivos por los que usar Redux en lugar de Context.

[@midudev]

Anda que tener que ser yo el que tenga que decir cosas buenas de Redux. jajaja A ver motivos que se me ocurren: - Que ya esté en la app. :D - Que necesites un control más granular de partes del estado (el contexto, si actualizas una porción del state, va a re-renderizar todos los componentes). Para esto puedes crear Contextos con estados globales más pequeños pero... es verdad que puede ser más difícil de mantener. - Que necesites y/o te encante usar los middlewares de Redux. Como siempre digo, intentaría empezar con Context y ver si Redux es realmente necesario después. El propio Dan Abramov dice que Redux tiene un nicho que son las aplicaciones de tamaño medio que no tienen que seguir creciendo.

[@mrstudioguitar2808]

@@midudev Gracias!

[@jogre900]

Que complemento es ese que resalta los errores en el codigo al lado derecho del mismo?

[@jogre900]

Error Lens :)

[@pupoxws983]

GRACIAS

[@AnibalGutierrezYoSoy]

No se mucho de programación pero sí puedo aportar que los pajaritos se deben a que Maduro dice que a él le hablan los pajarillos.

[@Benjamin-vv3br]

¿Donde puedo descargar el repositorio de la clase?

[@midudev]

Ceno, lo subo y lo pongo en la descripción 😁

[@midudev]

github.com/midudev/react-live-coding

[@danabaiardi5452]

Me gustaría mucho que pudieras hacer un video o post sobre recoil me llena de intriga y no me animo a usarlo todavía... recoil reemplaza redux??

[@midudev]

Dana! Te prometo que este mes vas a tener novedades sobre eso. Super atenta al canal! 🤩

[@2005bgva]

Excelente, las trasmisiones en vivo son a las 8 de la mañana o de la tarde?

[@midudev]

Ahora las hacemos en Twitch y son a las 8 de la tarde (hora española)

[@javierserna6631]

que tipo de letra utilizas en vs?

[@midudev]

Cascadia Code

[@midudev]

Javier, he creado un vídeo donde enseño mis fuentes: kzbin.info/www/bejne/gIqpeWOkepKIoKM

[@axelliboriroch5151]

Hola @midudev ! Una pregunta (seguramente muy tonta): Cual es el criterio de la estructura de carpetas/ficheros entre "pages" y "components"? Imagino la respuesta pero tu explicación me vendria muy bien :) Gracias por tu contenido y ganas!

[@midudev]

Pues Axel, el propio nombre lo dice. En pages tienes que meter las páginas, ya que además se crean las rutas automáticamente. Y en componentes, los trozos de UI reusable de tu app.

[@axelliboriroch5151]

@@midudev perfecto! Gracias por la respuesta 😊

[@mariocortez25]

Con que comando levantas el proyecto? Utilice npm run dev pero no me funciono

[@pablokrainuk8530]

Buenas, buen video . No logro entender el uso de children en el context, por que habría que colocarlo?. Si veo que el context ya de por sí esta más arriba en el árbol de componentes (pensaba que por ello, lo que estuviera debajo ya sería children de ese componente) . He buscado info y lo he tratado de hacer de otra forma para entenderlo pero no entiendo lo del children.

[@fidelangelochoa9225]

ya haciendo lo del minuto 1:15:37 me fallo la app, no se por donde corregirlo para que funcione coomo a miguel le funciona, creo que es por lo que cometo, que no puede renderizar el componente que se esta cambiando en el contexto global.

[@PixelWit]

cuando recomiendas usar la API context y cuando Redux?

[@2005bgva]

No logré identificar cual es el commit que me lleva a donde parte este vídeo para de ahí seguir localmente, de pronto alguien sabe cuál es?

[@walterwolz5530]

lo encontraste?

[@pr0mming]

Hola, Muchas gracias por el vídeo, pero tengo una duda En el minuto 1:05:24 usas children en las props y las envuelves en el Provider, ¿que viene en children y porque las envuelves?

[@fblanc92]

children es una prop que se usa para referenciar a todos los children elements del componente GifsContextProvider. Con eso, lo unico que hace GifsContextProvider es devolver las distintas pero nesteadas dentro del Context.Provider creado en ese file.

[@edwina.espinaltaveras4222]

Que fuente de letra usas?

[@juniorqc1692]

Una pregunta , en mi vs code me sale un warning en el useEffect para añadirle al array de dependencias el KeywordToUse en el custom Hook useGifs, a que se debe esto? , deberia agregarlo junto con el keyword? o lo puedo dejar asi solo con el keyword

[@dgame5621]

Una pregunta como compartir un estado a otro componente, estoy montando una web multi-idioma, pero no quiero usar una librería de terceros

[@paoloose]

1:06:14 Alguien sabe por qué puede petar? Mi aplicación ya está algo avanzanda y aún no explota

[@paoloose]

ya explotó...

[@fidelangelochoa9225]

@@paoloose ¿Lo resolviste? esto mismo me trono, no encuentro manera ni se por que

[@paoloose]

@@fidelangelochoa9225 Fueron noches muy duras y no recuerdo ni qué pasó después, pero la pista está en el 1:02:35, te recomiendo que hagas una versión simplificada de tu código en un proyecto aparte y vayas testeando poco a poco qué da el error, y si no puedes hacer como yo y pasarte a redux

[@fidelangelochoa9225]

@@paoloose justamente al agregar el 'useContext' con el 'GifContext' es cuando falla. revisare lo que comenta miguel en ese minuto, aun no se donde si hay dos referencias distintas al mismo contexto, al menos ya es una pista. GRAGIAS y Ha seguir codificando que la meta es ser programador!

[@fidelangelochoa9225]

@@paoloose ya encontre el error, fijate que en la linea donde tenemos {gifs, setGifs} = useContext(GifContext) en el "useGifs.js" yo sobre-escribí en el codigo y deje los [ ] corchetes, lo que me generaba el problema, es decir lo deje asi [gifs, setGifs]. No me di cuenta hasta despues de un buen rato de revisar y volver hacer paso por paso, al final cambie por { }. Me sirvio para comprender mejor como funciona esto del context. Gracias por la ayuda, que me apoyo para enfocarme al area del error, andaba perdido.

[@ThePALIS123]

si hago 2 estados gloales, necesito 2 Provider?

[@maximoherrera4369]

Si, puesto que así puedes manejar le estados de una manera más fácil. O puedes usar redox para manejar objetos. En resumen, la necesidad de múltiples Providers depende de cómo estés manejando tus estados globales y qué herramientas estés utilizando para hacerlo. Puedes usar un solo Provider con Redux o múltiples Providers con el Context API de React, dependiendo de la complejidad y la estructura de tu aplicación.

[@meteoroestudiografico435]

He implementado un state para que cuando se haga click en un botón que se encuentra en el componente de un botón generdo por un map es decir una lista de botones para seleccionar enrtre diferentes respuesta aparezca un botón de next es decir pasar a la siguiente pregunta pero cada vez que modifico el state global me renderiza y me da una nueva lista de botones y no quiero eso ya que no quiero que ese componente se vuelva a renderizar para que no me cambie la lista. ¿Qué puedo hacer?

[@Djoako22]

Hola Midu, es necesario saber de memoria como crear una app para poder entrar a trabajar, o se puede revisar como se hacía tal cosa para realizar la app ? Yo creo que con que se entienda que hace pero no acordarse como implementarlo sería normal en un trabajo, no?

[@maximoherrera4369]

X2, Me hago la misma pregunta.

[@chespi44]

Crack, cuando te colocas en primera plana la verdad esos audifonos se ven muy muy desagradables. Pero el contenido del video genial jejeje, espero mas contenidos asi, de nuevo eres un crack ok

[@midudev]

Wow Edgar jajaja no sabía que mis cascos podían llegar a molestar! 😅🤣🤣🤣 Gracias por lo demás pese a los cascos!!!

[@santiagoalzamora8124]

Cual es la diferencia entre un component y una page?

[@maximoherrera4369]

los componentes son las piezas básicas de la interfaz de usuario que encapsulan funcionalidades y presentaciones específicas, mientras que las páginas representan vistas completas de la aplicación que pueden contener múltiples componentes y se muestran al usuario como resultados de la navegación. Los componentes son reutilizables y se pueden utilizar en múltiples páginas, mientras que las páginas son específicas de la navegación y representan un estado completo de la aplicación en un momento dado.

[@MrMartinezDev]

Hola Midudev; una duda algo basica pero que al no conocer el los conceptos me confunde mucho: variables entre {} en momento puedo llamar un hook o servicio y la diferencia de pasarle la 'keyword' o la '{keyword}' suponen un NULL, o aquello de que si el import es nombrado {} o no. Alguna explicacion, te agradeceria.

[@duvanfelipecorreaardila5955]

Excelente vídeo, la verdad trato de copiar tan veloz como tu pero eres una flecha D: ¿Como aprendiste a copiar así?

[@midudev]

Hola Duvan! jajaja gracias por tu comentario. Lo cierto es que cuando era muy niño fui a clases de mecanografía y me siguen sirviendo las cosas que aprendí! :D

[@pablorodriguez8218]

@midudev . Muy bueno este video y todos los que subis. Consulta: no me convendría usar el localstorage en vez del context para guardar los datos? Lo pregunto porque entendí que al refrescar el navegador se pierden los datos almacenados en el context, no?

[@midudev]

Muchas gracias Pablo! LocalStorage es interesante para tener persistencia pero el Context no es para eso, es para poder comunicar componentes que se encuentran en diferentes posiciones del árbol y no son padre/hijo directamente. Vamos, que ambos cosas son complementarias. De hecho en el ejemplo verás que usamos localStorage y podríamos usarlo en el Contexto, como ya hacemos, para conseguir lo que comentas. :)

[@EzeBranCerati]

estaria bueno que dejes el repositorio del proyecto que muestras al comenzar el video.. asi lo descargo y empiezo a trabajarlo desde el mismo punto que vos..

[@midudev]

Lo tendré en cuenta! Mientras, puedes encontrar aquí el repositorio con todas las ramas: github.com/midudev/react-live-coding

[@georgieduarte2474]

Tengo una pregunta! Si estoy usando el contexto para un Dark Mode o para cambiar el idioma que es lo mas conveniente a nivel de performance Conectar al contexto todos los componentes que lo requieran o conectar solo componentes padres y pasar la información al los hijos que se pueda?

[@georgieduarte2474]

Otra pregunta para el que responda esto! Donde aprendió a saber esto? Ahora mismo no se donde podria averiguar algo asi!

[@nic_jaws]

Hola no hay un canal discord para dudas? No me va el código justo siguiendo el video minuto 17:50. Aqui os dejo mi Github x si podéis mirarlo. Gracias y saludos github.com/nicjaws/giffy

[@NelRodriguez22]

Alguien sabe que theme esta usando ?

[@midudev]

One Dark Pro

[@NelRodriguez22]

@@midudev gracias por la info! De paso te cuento que estos vídeos que son lo más , aprendo mucho gracias a vos ! Saludos

[@marian.notdead]

@@midudev y que fuente usas?