⚛️ Curso Patrones Avanzados en React JS en TH-cam y Código en Github... ● Suscríbete al canal si no quieres perderte vídeos como este: th-cam.com/users/developero ● Link del curso en TH-cam: th-cam.com/play/PLkr7dGY4D2sOyjBKXyNhtkIwO3suaqotD.html ● Link del repositorio con los ejemplos del código fuente: github.com/Developero-oficial/advanced-react-patterns ● Link de la app mostrada en el curso: developero-oficial.github.io/advanced-react-patterns/#/
Encontre este video una madrugada que no podia dormir y me vi unos 6-7 capitulos. Increible el uso que haces. Las buenas practicas son lo mejor, se nota que sabes lo que haces y que lo que enseñas esta super correcto. Yo estoy aprendiendo pero estoy harto de ver a gente enseñando y mientras voy viendo el video solo veo que malas practicas y usos que luego daran error para luego ver como lo acaban corrigiendo una hora despues... Ahora estoy aplicandolo a mi proyecto poco a poco y creo que esto me ayudara mucho a limpiarlo y avanzar mas comodamente. No suelo comentar pero sinceramente creo que tienes mucha madera.
Uff, qué bien que este vídeo te aporte mucho valor! Cuando termines tu proyecto, compártelo por acá y si tienes un repositorio de Github y quieres, puedo darte feedback :D
bueno acabo de terminar de mirarlo, ahora voy a intentar ir haciendolo y el desafio es hacerlo andar en mi vps para tenerlo en mi portfolio..muchas gracias señor developero, excelente contenido!
Sí! lo que pasa es que en Mac tengo un alias para ejecutar mongo, te lo comparto: alias mongod-start="brew services start mongodb-community@5.0" alias mongod-stop="brew services stop mongodb-community@5. Como te digo, en mi caso es Mac por lo que uso un programa llamado brew, pero si estás usando otro sistema operativo, necesitas instalar MongoDB y ver cómo se ejecuta en ese contexto :o
Buen video para complementar mi proyecto de PRE-TESIS, gracias. Una consulta porque cuando creo mi .env y quiero usarlo en mi archivo axios.js , me sale el mensaje que " process " is not defined, ayuda porfa.
process es una variable que sólo existe cuando usas JavaScript en un entorno de Node JS o backend. Depende con qué herramienta tengas tu proyecto es la manera en que usas las variables de entorno. Ejemplos: Vite: vitejs.dev/guide/env-and-mode.html create react app: create-react-app.dev/docs/adding-custom-environment-variables/
@@Developero Gracias por responderme fue de gran ayuda, una consulta podrias hacer un video similiar pero usando Firebase o los servios de AWS S3 para las imagenes, porfa.
Hola excelente curso no lo he terminado tengo una duda y es que el componente loading se pone al lado del boton en vez de abajo, pero si pongo el boton a la izquierda si se pone abajo alguien sabe porque?
Hola hola, he seguido el tutorial, descargue de git del proyecto pero no consigo librar un error de la linea handleSubmit dentro de _handleSubmit en la que dice handleSubmit is not a function TypeError: handleSubmit is not a function at _handleSubmit, podrias ayudarme? de alguna manera ya que tengo el codigo igual en el archivo Form.js
Hola! si el error te dice que _handleSubmit no es una función, rastrea de dónde viene ese valor en el código, algo debe estar diferente. También puedes ver el repo y comparar el código: github.com/Developero-oficial/intro-mern
Hola! Lo he quitado de la plataforma debido a que dejó de cumplir las expectativas (quienes lo compraron antes siguen teniendo accesos de por vida), esto porque empecé a tener varios reviews bajos que afectaban la calificación global del curso (menor de 4.0). Desde que lo publiqué han habido varios cambios en las dependencias que uso (cypress, eslint, prettier), creo que es una buena oportunidad para re hacerlo 🤔 (quienes lo tienen actualmente no tendrían que pagar de nuevo)
Hola! acabo de subir este vídeo donde muestro cómo hacer deploy de una API REST sencilla con Node: th-cam.com/video/K0GM-GvxooY/w-d-xo.html&ab_channel=Developero Para la API de este vídeo, va a haber un inconveniente porque está con MongoDB, pero por ahora es una posible manera de hacer deploy de una API con Node
Hola amigo, estoy siguiendo el video paso a paso, en esta parte es donde me da error useEffect(() => { async function loadProducts() { const response = await getProducts(); if (response.status === 200) { setProducts(response.data.products); } setIsLoading(false); } loadProducts(); }, []); Me muestra este mensaje en la consola del navegador setProducts(response.data.products); => Uncaught (in promise) TypeError: setProducts is not a function at loadProducts (ListProducts.js:13:1) y en la consola del visual me sale esto : WARNING in [eslint] src\Products\Components\ListProducts.js Line 7:10: 'products' is assigned a value but never used no-unused-vars Line 18:6: React Hook useEffect has a missing dependency: 'setProducts'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning
solo para confirmar, si está llegando la data, porque hice un console.log(response.data.products) y si me devuelve, pero cuando hago el setProducts(response.data.products); me bota ese error de arriba.
⚛️ Curso Patrones Avanzados en React JS en TH-cam y Código en Github...
● Suscríbete al canal si no quieres perderte vídeos como este: th-cam.com/users/developero
● Link del curso en TH-cam: th-cam.com/play/PLkr7dGY4D2sOyjBKXyNhtkIwO3suaqotD.html
● Link del repositorio con los ejemplos del código fuente: github.com/Developero-oficial/advanced-react-patterns
● Link de la app mostrada en el curso: developero-oficial.github.io/advanced-react-patterns/#/
Encontre este video una madrugada que no podia dormir y me vi unos 6-7 capitulos. Increible el uso que haces. Las buenas practicas son lo mejor, se nota que sabes lo que haces y que lo que enseñas esta super correcto. Yo estoy aprendiendo pero estoy harto de ver a gente enseñando y mientras voy viendo el video solo veo que malas practicas y usos que luego daran error para luego ver como lo acaban corrigiendo una hora despues... Ahora estoy aplicandolo a mi proyecto poco a poco y creo que esto me ayudara mucho a limpiarlo y avanzar mas comodamente. No suelo comentar pero sinceramente creo que tienes mucha madera.
Uff, qué bien que este vídeo te aporte mucho valor!
Cuando termines tu proyecto, compártelo por acá y si tienes un repositorio de Github y quieres, puedo darte feedback :D
Justo lo que necesitaba, lo veré varias veces para comprender, esta imuy bien explicado de paso
Gracias Cristian! cualquier duda siéntete libre de comentar :D
Muy buen video
Me está ayudando mucho en mi proceso de aprendizaje
Gracias por compartir tu conocimiento
Un placer :D
bueno acabo de terminar de mirarlo, ahora voy a intentar ir haciendolo y el desafio es hacerlo andar en mi vps para tenerlo en mi portfolio..muchas gracias señor developero, excelente contenido!
Me da gusto que te fuera útil!
Abriste una nueva terminar y digistaste mongod? o como fue eso
no he podido avanzar me quede en esa parte , como haces para inicializar el proceso de mongo y luego iniciar el servidor min 23:00
Sí! lo que pasa es que en Mac tengo un alias para ejecutar mongo, te lo comparto:
alias mongod-start="brew services start mongodb-community@5.0"
alias mongod-stop="brew services stop mongodb-community@5.
Como te digo, en mi caso es Mac por lo que uso un programa llamado brew, pero si estás usando otro sistema operativo, necesitas instalar MongoDB y ver cómo se ejecuta en ese contexto :o
@@Developero Tengo windows y tengo instalado mongoDBcompass
@@Developero vere bien que puedo hacer.
@@gabrielmancilladucuara4816 Pudiste solucionarlo?
hola muy buen video, existe la parte donde hace deploy de la app y mongo?
Hola, no hay parte de deploy
Buen video para complementar mi proyecto de PRE-TESIS, gracias. Una consulta porque cuando creo mi .env y quiero usarlo en mi archivo axios.js , me sale el mensaje que " process " is not defined, ayuda porfa.
process es una variable que sólo existe cuando usas JavaScript en un entorno de Node JS o backend.
Depende con qué herramienta tengas tu proyecto es la manera en que usas las variables de entorno.
Ejemplos:
Vite: vitejs.dev/guide/env-and-mode.html
create react app: create-react-app.dev/docs/adding-custom-environment-variables/
@@Developero Gracias por responderme fue de gran ayuda, una consulta podrias hacer un video similiar pero usando Firebase o los servios de AWS S3 para las imagenes, porfa.
En vez de capturar los datos del formulario como lo haces, sería viable usar el New FormData de js? Que los captura todos en objeto y ya
Sí, es viable :D
Hola excelente curso no lo he terminado tengo una duda y es que el componente loading se pone al lado del boton en vez de abajo, pero si pongo el boton a la izquierda si se pone abajo alguien sabe porque?
Gracias por tu comentario :D
De lo que comentas, probablemente sea debido a tus estilos css o la manera en que está estructurado tu JSX
Video concluido.
Una pregunta, ¿Como guardarias la sesion del usuario, en localStorage o en cookies?
Estaba pensando en cookie con refresh token
Uff, nice!
De tu pregunta, preferiría guardar la sesión en cookies con http only por motivos de seguridad :D
Hola hola, he seguido el tutorial, descargue de git del proyecto pero no consigo librar un error de la linea handleSubmit dentro de _handleSubmit en la que dice handleSubmit is not a function
TypeError: handleSubmit is not a function
at _handleSubmit, podrias ayudarme? de alguna manera ya que tengo el codigo igual en el archivo Form.js
Hola! si el error te dice que _handleSubmit no es una función, rastrea de dónde viene ese valor en el código, algo debe estar diferente. También puedes ver el repo y comparar el código: github.com/Developero-oficial/intro-mern
buenas tengo problema al cargar la imagen en postman ya hice todo y no puedo ver en postman el archivo que quiero subir
Revisa si sale un error en postman o en tu endpoint
@@Developero ya lo pude solucionar. muchas gracias tu video me ayudo mucho bro!
@@nicolaime1907 Me da gusto!
Hola Developero, una pregunta que paso con tu curso en Udemy de Unit, integration y E2E testing en JavaScript?
Hola! Lo he quitado de la plataforma debido a que dejó de cumplir las expectativas (quienes lo compraron antes siguen teniendo accesos de por vida), esto porque empecé a tener varios reviews bajos que afectaban la calificación global del curso (menor de 4.0).
Desde que lo publiqué han habido varios cambios en las dependencias que uso (cypress, eslint, prettier), creo que es una buena oportunidad para re hacerlo 🤔 (quienes lo tienen actualmente no tendrían que pagar de nuevo)
Esta bélico el curso developero
💪
Las carpetas de back y front forzosamente deben estar en la misma carpeta y puedo tener el back en una ruta y el front en otra ?
Pueden estar o no en la misma carpeta, tú puedes elegir ambas alternativas :D
Y como subirlo a un servidor gratis
Hola! acabo de subir este vídeo donde muestro cómo hacer deploy de una API REST sencilla con Node: th-cam.com/video/K0GM-GvxooY/w-d-xo.html&ab_channel=Developero
Para la API de este vídeo, va a haber un inconveniente porque está con MongoDB, pero por ahora es una posible manera de hacer deploy de una API con Node
Para los que quedaron en la parte donde escribe "mongod" en la consola, esta es la solucion th-cam.com/video/FOZEpSlzXIg/w-d-xo.html
Gracias por compartir!
gracias, fundamental verlo y aplicarlo para continuar.
Hola amigo,
estoy siguiendo el video paso a paso, en esta parte es donde me da error
useEffect(() => {
async function loadProducts() {
const response = await getProducts();
if (response.status === 200) {
setProducts(response.data.products);
}
setIsLoading(false);
}
loadProducts();
}, []);
Me muestra este mensaje en la consola del navegador setProducts(response.data.products); => Uncaught (in promise) TypeError: setProducts is not a function
at loadProducts (ListProducts.js:13:1)
y en la consola del visual me sale esto : WARNING in [eslint]
src\Products\Components\ListProducts.js
Line 7:10: 'products' is assigned a value but never used
no-unused-vars
Line 18:6: React Hook useEffect has a missing dependency: 'setProducts'. Either include it or remove the dependency array react-hooks/exhaustive-deps
webpack compiled with 1 warning
solo para confirmar, si está llegando la data, porque hice un console.log(response.data.products) y si me devuelve, pero cuando hago el setProducts(response.data.products); me bota ese error de arriba.
Hola, parece que no reconoce a la función "setProducts", revisa de dónde viene esa función y si no tiene un typo al escribirla
Amigo buen video, hay algun link de GitHub con el código?
No lo tengo u.u pero si tienes dudas con gusto te respondo!
Explicas genial pero el tema de VS Code no ayuda mucho porque a momentos no se ve del todo claro
Muchas gracias por tu feedback, en futuros vídeos usaré un tema que se vea mejor!