Nunca me cansaré de decir que eres uno de los mejores sino el mejor youtuber en esta área educativa. Felicidades Fazt, no serás el más grande, pero tienes una base de calidad increíble!

me sorprende la constancia con la que subes videos , en serio eres uno de los mejores en lo que haces. no sabes cuanto me ayudas a mi y a muchas personas.

Realmente me Resumiste 30 horas de clases de mi Bootcamp, soy Henry, en 3 horas ❤, y muy bien explicado, relacionando todo el proyecto ❤ muchas gracias y felicidades ❤ "me gustaría tener ese dominio Fullstack en javascript "

Man, eres totalmente increíble, tu manera de enseñar y el contenido que genera hace que cualquier persona que quiera aprender pueda llegar al área laboral con los conocimientos que compartes y los proyectos que haces, eres el mejor enseñando

Como siempre, excelente, he visto muchos videos sobre useEffect, use State, routes, context etc etc pero todo queda tan claro con ejericios practicos. Muchas gracias. Ojala que sigas trayendo mas cosas sobre react (cosas que se usen en proyectos reales como autenticacion, validacion de formularios, datatbles etc)

Dios mio que gran aporte, no me canso de ver tus videos y de seguir tu ejemplo, muchas gracias fast.

Excelente,. Me encantan los videos de larga duracion y proyectos completos, donde se aprende bastante

Siempre tus tutoriales son los mejores, mil gracias FAZT por compartir tu conocimiento

He estado esperando un ejemplo práctico con React y una base de datos SQL, muchas gracias por tus aportes como siempre Fazt!! 🤘🏻

@FaztCode

2 жыл бұрын

Tambien esta el stack PERN, que usa PostgreSQL, lo dejo por aqui tambien :) kzread.info/dash/bejne/ka57rsGGhZWfqtY.html

@omarsalgadodiaz8548

2 жыл бұрын

@@FaztCode Agradecido contigo siempre!!! 🤘🏻🙏🏻

ya solucionaron el error de vite que precisaba la creacion del ContextProvider y y el Context en archivos separados. A dia de hoy se pueden escribir en el mismo archivo. Excelente tutorial!

@JamonDuroMexicano

Жыл бұрын

justo eso iba a preguntar ❤

Me encantó el trucazo para no usar hook en el formulario, la simplificaste como un Súper Sinnior en Reactjs ❤

Eres un capo Fazt, haciendo patria siempre. Saludos y antes de terminar el año me propuse aprender node y con tus videos lo haré. Saludos bro

Excelente colaboración amigo, sigue siempre así. Saludos desde Paraguay.

de verdad muchísimas gracias Fazt, mi primer sueldo será para unir me a tu canal y las cariñosas.

Excelente! Cada vez te superas más y más.

He aprendido mucho con tus videos! Gracias por brindar tu conocimiento que me han ayudado muchisimo! Grande Fatz!👏👏

Maestro! Excelente tutorial, me ha ayudado muchísimo en mi aprendizaje de React comprendiendo bastantes aspectos nuevos.

El bro que me ha servido de inspiracion para darle mucho mas duro al webdev. Gracias Crack.

Me inspiras a seguir en mi carrera de sistemas ❤️

Maestro Fazt, nuevamente gracias por tus aportes... PD: Shot por cada vez que Fazt confunde TaskProvider con TaskContext😆

Buenas Tardes amigo FAZT, le felicito por este tutorial que instruye en como integrar todas estas herramientas, ademas le doy las gracias por compartir su conocimiento.......saludos

Gracias Fazt lo estaba esperando !!!!

Gracias Fazt por el video 👍👍👍

genial el curso, para mi eres el más grande de los edutubers :)

On: 2:17:26 Notas: 1:15:00 manejo de onChange handleChange 1:42:55 - 1:50:31 contexto cuando elimina una tarea 1:51:32 crear hook para mejor uso de context 2:00:40 solucion error context vite react 2:03:00 autorefresh ?... 2:11:30 h1 dinamicos 2:18:11 enablereinitialize para cargar datos de task para editar 2:23:17 redireccion desde formik 2:55:00 onclick done like edit flask 2:32:20 autorefresh datos manipulados 2:51:45 ruta absoulta

¡Muchas gracias Fazt!

He estado esperando este video. Grande Fazt

@FaztCode

2 жыл бұрын

Uno de los siguientes con autenticación tambien

@Peter-jd8qb

2 жыл бұрын

@@FaztCode Hola Fazt. Gracias por tus videos se aprende mucho con ellos. Quiero hacerte una consulta. Estoy haciendo el video: "MERN Stack con Context API (Subida de imágenes, Tailwind CSS, Formik)." del 26 de Marzo 2022. Y quiero agregar módulo EJS para poder crear un par de archivos de las vistas, como index.ejs y contact.ejs. ¿Se puede? Desde ya muchas gracias.

gracias por tus videos. El problema de CORS 1:20:49

@MarioMartine

4 ай бұрын

cómo lo resolviste, leí sobre eso, pero no lo he logrado resolver, estoy atorado ahí

Hola fazr eres increible me lo vi y me sirvio

Gracias bro! Muy bueno!!!!🫶

Fazt muchas gracias por otro excelente video!!! Feliz año nuevo. Me gustaría saber como puedo hacer que un proyecto así pueda ser llevado a la nube (Producción).

Amigo. Este video tiene todo lo que buscaba solo falta una cosa a mi criterio. Que tal vez puedas hacerlo en otro video. Que seria tener un login register para usuarios y que esas tareas puedan crearla un usuario en particular. Podrias hacer algo por el estilo? Y en ves de tareas te tiro la idea de que sea una app de finanzas o algo por el estilo. Que puedan agregar compras hechas o por hacer. Es una buena idea y nos ayydaria tanto como los que estamos eatudiando como a vos con contenido. Exitos y gracias por tus videos

@nanomarquez10

Жыл бұрын

Te digo porque quiero aprender como conectar una tabla que seria user con otra tabla que serian las task en sequelize. Gracias

Seria interesante incluir el concepto de ACID , pues en la práctica cuando se actualiza o insertan datos en una BD se suele hacer en más de una tabla. Pensemos por ejemplo en una aplicación para un banco en la cual la tabla de saldos de cuenta deben ir de la mano de la tabla que contiene las transacciones. No se puede actualizar una sin actualizar la otra. De lo contrario se produciría una inconsistencia en la BD.

@itsjoalex

2 жыл бұрын

Sería bastante interesante ver esto 👀

@armakaisen

Жыл бұрын

el ACID lo deberías considerar en otra capa, es decir, en el momento del diseño de la base de datos, no en la capa del negocio...

Hola gracias por tu vídeo, una de las dudas que tengo es que cuando haces una consulta a la base de datos la url es local host: port500 por ejemplo. Mi duda es : en un proyecto desplegado esa url de donde la sacamos del servicio de la base de datos donde tenemos hospedaje porque me imagino que hay que sustituirla. Saludos

¡Buen video!

Te amo fazt

llegue pensando en aprender 1 y sali aprendiendo 1000 ❤

Gran contenido! Podrías hacer un video de como hacer un sistema de jwt y roles en microservicios con TypesCript y PostgreSQL?

Tenes algun video de los plugins que utilizas en VS Code?

Genial. Ojalá el siguiente le toque a Angular 2022

@lindltaylor4093

2 жыл бұрын

con Angular 14 😎

Hola Fazt. Gracias por tus videos se aprende mucho con ellos. Quiero hacerte una consulta. Estoy haciendo el video: "MERN Stack con Context API (Subida de imágenes, Tailwind CSS, Formik)." del 26 de Marzo 2022. Y quiero agregar módulo EJS para poder crear un par de archivos de las vistas, como index.ejs y contact.ejs. ¿Se puede? Desde ya muchas gracias.

Hola, una pregunta, si se quisiera desplegar una app asi, se podria con dockerfile ? y de ser asi el codigo del front se tiene que dockerizar en su propio container o se puede hacer un comando para que se genere un build de produccion dentro del container del back. gracias

Muy Buen video muchas gracias hace rato no miraba un video tuyo, CONSULTA : era necesario crear otra peticion para el toggle? yo lo realize con la misma peticion del update, esta bien o seria una mala practica ?

@FaztCode

Жыл бұрын

De hecho sí, tú forma más simple, yo solo lo hice para mostrar otra ruta. Pero muy bien, ya tienes la idea 👍🏼

Te amooooo

El mejor

Fazt una preguntacuando muestro el listadi d3 tareas con el map y me dice que map no is function ya investigado y nada que me recomienda el etado lo inicio cono rreglo como muetras

Hola, una vez que hago submit en actualizar, se queda el botón modo submitting en false y la página no me vuelve a navigate ('/') (con crear tarea si funciona), pero cuando hago el put no pasa de ese estado

Fazt pregunta cómo capturar los mensajes del bakend en el frontend

estoy tratando de hacer el get, lo tengo igual al video y me responde con undefined, que estaré haciendo mal?

Muy bueno!👍 Tienes alguno consumiendo API con la estructura de Login y Roles? Que recomiendas para una buena estructura de Roles post Login? Saludos!

@FaztCode

2 жыл бұрын

Aun no, pero voy a elaborar algunos para esta semana

un pregunta super importante como se llama la extension que le ayuda con las snippes inmediatamente? el autocomplete de texto muy interesante

Brother soy fanático a tus videos.. Llevo poco tiempo programando y me has ayudado mucho, hace poco hiciste un video así con mongo al cual estoy tratando d relacionar las tareas con usuarios, para q qndo entre al perfil del usuario salgan solo las tareas de dicho usuario y en la página home salgan las de todos los usuarios, tienes algún video dónde expliques como relacionar? Gracias man, slds de 🇨🇺

@FaztCode

2 жыл бұрын

De momento no tengo publicado algun video de relaciones en Mongodb, pero si es necesario, voy a crear uno en los siguientes dias. Aunque para darte una idea por adelantado, si estas usando Mongoose, en Nodejs, puedes usar un populate: kzread.info/dash/bejne/mZqElcOqhpaeoZc.html O si usas Typescript con Typegoose (Mongoose con Typescript), puedes ver este: kzread.info/dash/bejne/iqWFltazYNytepc.html

@yasmani8335

2 жыл бұрын

@@FaztCode gracias fazt te lo agradecería, hoy mismo veo lo de populate. Brother en este tipo de proyectos q te hablo es más conveniente usar una base de datos relacional antes q usar mongo? Me interesa aprender a hacerlo en mongo pero tengo esa duda si da igual o tiene ventajas usar relacional.

Alguien sabe que extension es la que usa para los autocompletados? Basicamente genera mucho codigo mientras va escribiendo, es una locura

Fazt, me gustaría que hicieras lo mismo con Vue

Estoy terminando el tutorial y me surgió la siguiente duda: para actualizar el el estado de la tarea, no es más recomendable utilizar un Patch? Lo digo porque al usar el PUT que muestra en el video, los parámetros de body y title se me colocaban en undefined.

@carolinasalirrosas603

10 ай бұрын

Hola qué tal, tengo problemas con axios.put , intenté usar patch pero igualmente genera error y no realiza el update, te agradecería bastante si pudiste solucionarlo

Excelente contenido, estoy siguiendo el tutorial y el error que figura en la sección "DELETE" 01:59:08 no me aparece (2022-07-16), talvez lo solucionaron el bug xD

A alguien, le pasa, que despues de hacer el build, cuando recargas la pagina, se cae el servicio? Y a que se puede deber este problema?

Técnicamente el error en 1:59:00 es porque la importación del "TaskContext" se hace es en minúscula, me pasó a mi. Allí se ve "import { useTasks } from "../context/taskContext"; cuando al ser un componente debería ser mayúscula.

Buen vídeo Fazt, podrías hace un ejemplo parecido pero usando fechas?

@FaztCode

Жыл бұрын

fechas?

@renzogbo

Жыл бұрын

@@FaztCode guardando tipos de datos Date, es que con mysql especialmente me pasa que guarda bien las fechas, pero cuando les hago select les aumenta 5 horas 😵‍💫

Como se llama el pluggin que cuando escribes el import te coloca second from first

@FaztCode

2 жыл бұрын

Hola Iván se llama ES7 snippets, aquí lo explico: React ES7 Snippets - Escribe código de React más rápido en VSCode kzread.info/dash/bejne/p46rlsmeepefqbA.html

Alguien sabe cómo poner la terminal al estilo que tiene Fazt??

hola! cuando hago el npm create vite me da opciones diferentes al elegir react no me sale la opcion de jsx sino typescript y javascript como puedo hacer para trabajar el cliente con jsx como en el tutorial?

@FaztCode

7 ай бұрын

solo seria que escojas react y javascript, eso seria suficiente

@3rk84

7 ай бұрын

@@FaztCode muchas gracias!! eres el mejor!

FAZT CUANDO UNA APP NATIVA CON BASE DE DATOS LOCAL ?. MUCHAS GRACIAS SALUDOS

Me pasa que cuando le doy click al botton para actualizar el done, si el done se encuentra en true, la página me refleja el cambio sin tener que refrescarla, pero si está en false el estado de esta cambia pero me toca refrescar la página para que se vea el "check". Alguien que me ayude a solucionar esto, por favor!!

@BrayanChavarria

Жыл бұрын

Lo resolvi, es debido a que en el componente card, en el donde muestro el icono del check, estaba comparando con 3 iiguales y no con 2, por lo cual la comparación es más estricta

Me encuentro tratando de conectar WorkBench en el 16:49 pero me arroja "Access denied for user ''@'localhost' (using password: NO)". He probado colocando el campo password vació de la variable pool pero sigue persistiendo el fallo.

@josedanielmendoza2305

Жыл бұрын

pudiste arreglar el error ?yo tambien tengo el mismo .. y no se por que

Master 🫡

Fazt podrias hacer un bot con dialogflow o alguno oarecido y explicar como implementarlo seria de gran ayuda

@FaztCode

2 жыл бұрын

Como ayer publique un video del tema, y se que lo iban a pedir, ya estoy creando 3 ejemplos de chatbot con Dialogflow. Uno es introduccion a Dialogflow, otro es como usarlo con Nodejs y el otro es desarrollando un Chatbot mas un frontend de React, esa semana los veran publicados los 3 en un mismo dia, probablemente el martes :)

@johngualteros3868

2 жыл бұрын

@@FaztCode muchas gracias fazt

Fazt: usando formik ya no deben usar useState, tres doritos después: definan un state XD

en el minuto 45:12 usas 404 , según entiendo es un código http, para enlaces rotos o no disponibles, pienso que podrías devolver un código 200 con el mensaje de tarea no encontrada, aunque puede ser que yo sea el equivocado, gracias igualmente por tu trabajo, es muy bueno.

hola Fazt, cuando intento guardar cambios me da varios errores y me salta SyntaxError: Detected cycle while resolving name 'pool' in './db.js' y The requested module does not provide an export named 'default'" en index.routes.js

@FaztCode

Жыл бұрын

como el error dice, te falta añadir un export default al archivo. te dejo un video donde se explica los exports: kzread.info/dash/bejne/Yqhhrsdtm8fHfco.html

Donde guardas todo esos proyectos que haces en los vídeos ??😅 En la nube o como

@FaztCode

2 жыл бұрын

Todos los proyectos están en Github, por lo general, aunque algunas veces se me olvida subirlos y los termino eliminando :) github.com/FaztWeb/

en el minto 34:51 lo hago asi y no me sale: public create(req: Request, res: Response) { const {nombre,placa,valor,modelo}=req.body; const sql = "INSERT INTO registro (nombre,placa,valor,modelo) VALUES (?, ?, ?, ?)"; pool.query(sql, [nombre,placa,valor,modelo], (error, result) => { if (error) throw error; console.log(result); res.json({ text: "create a tarifa" }); }); }

Hola puedo no utilizar docker , yo en mi pc tengo instalado el worbench,

@FaztCode

2 жыл бұрын

si sin ningun problema puedes usar tu instalacion local de MySQL

El error del 1:59:18 simplemente era la miscula del "../context/taskContext" el archivo está con mayúscula así: "../context/TaskContext" ✌Cuando Cambias el nombre al archivo de context VSCODE te corrigió automaticamente, de no ser así te hubieses dado cuenta del error por ti mismo

Qué plugin de autocompletado usas ???

@FaztCode

Жыл бұрын

Hola Jhon, es es7 y copilot, pero en este video puedes tener un lista mas completa: kzread.info/dash/bejne/p46rlsmeepefqbA.html

¿Una duda como se le llamaría a este tipo de arquitectura que utilizaste es MVC?

@FaztCode

Жыл бұрын

El que se uso en el backend seria MVC

@miguelangelfc5142

Жыл бұрын

@@FaztCode gracias

tengo un error code: 'ERR_HTTP_HEADERS_SENT' cuando hago un post o un gettask

@BrayanChavarria

Жыл бұрын

Men recuerdas como lo solucionaste?, me ayudas porfa

@MarioMartine

4 ай бұрын

¡ cómo lo solucionaron?, tengo el mismo problema

Gran video. Y como se haria el deploy?

@FaztCode

4 ай бұрын

Yo lo haria en Railway: kzread.info/dash/bejne/dWeCys-Nj8Kznpc.html

@rolandouzcategui4153

4 ай бұрын

@@FaztCodemuchas gracias fazt eres el mejor!

Min 1:43:34 se te olvido añadir la etiqueta del video de referencia (Context)

Que plugins usas en VScode? gracias!

@FaztCode

2 жыл бұрын

Hola Fran, de React uso esta extension para crear los componentes de forma rapida: kzread.info/dash/bejne/p46rlsmeepefqbA.html Tambien uso Github copilot :)

@FranJostey

2 жыл бұрын

Gracias! También tienes alguna para que se muestren iconos en el explorador. Me mola que tienes las powershell custom. Estaría guay un vídeo sobre estas cosas

@sergiomogollon9997

2 жыл бұрын

@@FranJostey el video para personalizar la consola con ohmyposh esta en su canal bro... Fazt es un crack

@FranJostey

2 жыл бұрын

@@sergiomogollon9997 gracias!!

Hola, a alguien le pasó que cuando hacen la consulta get de todas las tareas, en el console log les aparece undefined?? seria en el 1:30:01

@narutobleach1997

Жыл бұрын

A mi me pasa lo mismo, lo pudiste solucionar?

@sebastianvaldez1986

Жыл бұрын

@@narutobleach1997 hola, si, lo escribi asi y funcionó:

@AlexisLopez-yq6jw

Жыл бұрын

que fue lo que hicistes para que ya no salga undefined ?

@EzequielLarroza

Жыл бұрын

@@sebastianvaldez1986 asi como? ja estoy con el mismo problema

@luisdiazdiaz2495

Жыл бұрын

​@@EzequielLarroza No se si sea muy tarde pero yo pude resolver el error al importar de nuevo axios, al parecer se importo mal de algún modo pero aun así si enviaba la petición a la base de base de datos pero no devolvía la respuesta del servidor

Como desplegar y en donde???

@FaztCode

Жыл бұрын

kzread.info/dash/bejne/fWujx82dZK_Xfag.html

Esto es lo que llaman client-side no ?

Ya no hay que separar en 2 archivos el TaskContext y el TaskProvider

@javiercordero5350

Жыл бұрын

gracias , justo eso me preguntaba , bien ahi

@FaztCode

Жыл бұрын

Asi es, eso era un bug momentaneo como se menciona en el video

efectivamente se le olvido el video del useContext ponerlo en la descripcion xd

podria conectarme iniciando el worbench

@FaztCode

2 жыл бұрын

si

Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. Tengo este errror cuando intento utilizar el enableReinitialize={true} Si alguien lo pudo resolver por favor ayudeme!

@MarioMartine

3 ай бұрын

lograste solucionar?, tengo el mismo error

que tema usas en vscode??

@FaztCode

2 жыл бұрын

se llama Ayu :)

@marcoslabat4908

2 жыл бұрын

@@FaztCode Gracias! y para que la función de fecha se vea con ese dibujo utilizas algun plugin?

¿windows 11, master? 😲

Hola Fazt, excelente Tutorial. TENGO UNA PREGUNTA: En el minuto 01:30:41 me arroja por consola "undefine" con la linea console.log("response") y luego me arroja un error el console.log("response.data") TasksPage.jsx:12 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data') at loadTasks (TasksPage.jsx:12:30) ----------------------------------------------------------- function TasksPage() { const [tasks, setTasks] = useState([]) useEffect(() => { async function loadTasks() { const response = await getTaskRequest(); setTasks(response.data); } loadTasks(); }, []);

@AlexisLopez-yq6jw

Жыл бұрын

Tienes que poner sin las llaves porque de esa forma es como si dijeras que esa linea de codigo se devuelve, o en su caso si pones las llaves pon antes del await un return y ya te funciona

@imikepena

11 ай бұрын

@@AlexisLopez-yq6jw a cuales llaves te refieres?

@TheSuigu

9 ай бұрын

mismo problema

Es una pena que hayas dejado de compartir contenido relacionado con uno de los frameworks del front end más potentes ... Angular

por que tan enojado amigo

La ruta '/tasks/:id' me daba 404. En index.js cambié por -> app.use('/tasks', taskRoutes). En tasks.routes.js -> router.get('/:id', getTask)... y ahora funciona