Guía Completa de Validación de Formularios en React

[@FalconMasters]

Este tipo de videos son muy complejos de preparar y grabar. Así que si te gusto el video agradezco tu apoyo dándole manita arriba al video. 👍 Índice: 00:00:00 - Que vas aprender 00:06:34 - Iniciando el proyecto 00:11:07 - Estilos CSS 00:16:56 - Elementos del formulario 01:08:06 - Reutilizando el componente 01:28:19 - Validación del inputs 01:57:02 - Agregando el resto de inputs 02:00:51 - Validando la contraseña repetida 02:08:12 - Validando los términos y condiciones 02:11:14 - Validando todos los campos

[@Lisinskyn]

Mil gracias genio de la vida, hace un día empecé a ver tus videos y ya estoy aprendiendo ..cosas que para mí eran chino básico c: un saludo de una nueva FalconMasters, porque todos somos falconmasters 😌🤩

[@FalconMasters]

@@Lisinskyn Muchas gracias! Me sorprendió la referencia verdad es que me da mucha pena que hayas visto ese video :P Es un gusto escuchar que estés descubriendo este mundo gracias a mis videos :D

[@willingtonjimenezpulido7560]

Hola Falcon como estas... gracias por tus videos, Quiero preguntarte si me puedes ayudar, quiero saber como hacer un campo de contraseña o validación de códigos con campos separados, como cuando te envían un código al correo y lo colocas para validar el usuario y te salen los caracteres separados. Te agradezco si me puedes ayudar

[@gustavoaguilartorres2035]

Crack

[@Ross-ws3vq]

Este video es ORO puro. Mi agradecimiento eterno desde CUBA. Un abrazo!

[@lopezarias9551]

Este señor es un genio, de verdad que el que compre el curso estará invirtiendo muy bien su dinero. Muchas felicidades y que vengan más cursos. Saludos desde Las Choapas, en Veracruz. 😊

[@emprendedorescreativos2018]

Benditos tutoriales y excelentes instructores, y digo instructores por que en mi lista existen un par mas, Sigue asi Carlos. Esta valiacion se va para nuestro proyecto.

[@TheinfinityLight]

Llegué hasta el final del video, proyecto completo y funcionando. Muchas gracias por compartir el conocimiento.

[@FalconMasters]

Muchas felicidades! Eres la primer persona en ver todo el video completo, estas dentro del poco porcentaje de personas que tienen unas ganas increíbles de aprender, sigue así con esa determinación y gracias por ver mis videos.

[@andersonenocsmorilloguzman9139]

Chulisimo Carlos llegue hasta el final gracias por la clase

[@FalconMasters]

Muchas gracias! Espero que hayas aprendido mucho.

[@bryangodinez8684]

Chulada de video, voy iniciando y aprendi muchisimas cosas de las cuales investigaba y no encontraba nada, garsias

[@JorgeMenaDev]

Vi el video hasta el final hahaha. Gracias por todo. Es bastante complicado el tema de las validaciones de formulario, este video fue de mucha ayuda, gracias.

[@sebastianbenitez664]

Héroe sin capa. Gracias por su tiempo, saludos desde lejos

[@frangelx]

Lo vi todo, en partes comprendiendo las instruccoines haciendolo simultaneamente por 3 días, estuvo genial, aprendí bastante. Solo falta empezar a practicarlo. Muchas gracias!!

[@kolelale]

Muchas gracias, Carlos! Hace unos años aprendí CSS, JS, HTML, etc. con tus videos y me sirvió muchísimo en mi vida laboral. Ahora decidí avanzar y, como no podía ser de otra forma, volví a tu canal para seguir con tus clases. 👌👌👌

[@FalconMasters]

Eso es genial! Me alegra mucho que te sigan sirviendo mis videos.

[@diiexe]

Disfruto mucho escucharte porque explicas todo re tranquilo y siendo simpático, sos un capo hermano

[@FalconMasters]

Muchas gracias por estas palabras, las aprecio mucho :D

[@gonzalolaferrera5918]

Gracias por el video, el contenido, y la dedicación! Claramente lo vi hasta el final y me sirvió sin dudas! Muy claro, muy concreto y muy dinámico. Ahora, a por log-in's, firebase, y API's. Saludos desde Argentina! Excelente trabajo!

[@FalconMasters]

Muchas gracias! Me da mucho gusto que te sirviera

[@ComoEmprenderconExito]

Te sigo desde que comencé como autodidacta a estudiar programación. Hace casi dos años. Una de tus mejores cualidades es la facilidad con que transmites tus conocimientos. La otra es el conocimiento que tienes en CSS, HTML y programación. He aprendido muchas cosas de tus videos. Sigo a más de 400 programadores, tratando de aprender de ellos. Se pierde mucho tiempo viendo videos de personas que saben, pero no se explican, otros no saben sino vender cursos (cosa que respeto) y un tanto más no saben lo que hacen. Por tal razón, quería agradecerte por el altruísmo que muestras al compartir, mucho de lo que sabes, con un detalle impresionante. Me decidí a comprar tu curso de React y Firebase como muestra de confianza hacia ti. No digo de apoyo, ya que casualmente estaba en oferta y el precio fue casi nada. Disculpa lo largo de mi comentario, pero en realidad tu trabajo me anima a continuar, a pesar de todas las dificultades que se me presentan como autodidacta. El mayor de los éxitos para ti y gracias. 👍👍👍

[@escorpionmatero2307]

casi 3 años de autodidacta, como te fue en la vida?

[@gabrielcabraltonanez3427]

Genio, me ví todo el video y por más de que sea muy largo le pones esa dinámica todo el tiempo que hace falta para que uno no se aburra viendo un video de tanta duracion. Manita arriba y a seguir esperando tutoriales

[@richardfigueredo7193]

Excelente video!! Muchas gracias. Duré dos días estudiándolo

[@edwardoviedo2573]

Excelente video... Es largo por lo que abarca muchos temas necesarios para formularios. Muchas gracias.

[@iamthefuelte]

Falcon querido este video es genial lo que sea aprende de react, yo mire lo anterios 6 videos y una maravilla, gracias ahora voy por el curso en udemy asi hago todo el curso completo. Un gran abrazo desde Argentina!!!

[@codigonow995]

Saludos Carlos Arturo. No solamente lo vi, tambien lo hice y me funcionó. Gracias. Esperando conectarlo con una base de datos. Bendiciones

[@ProCanal]

Excelente video!! Mi primera aproximación a react y me llevo un monton!! Ahora a ver los otros videos! Saludos desde Argentina!!

[@macarenapesce9331]

Me vi todo el video! La verdad me sirvió muchísimo para un trabajo que estoy haciendo de la facultad, lo implemente muy similar y de paso arme el login y la parte de backend la hice con java. Saludos !!!

[@FalconMasters]

Genial! Me alegra que te haya servido. Saludos!

[@joseant.navarro6671]

Gracias desde Barcelona, por compartir tu experiencia, he completado el vídeo, si que es largo pero es muy instructivo y interesante todo los trucos, sobre todo para los que estamos empezando con React, gracias de nuevo.

[@FalconMasters]

Gracias por ver mi video. Me alegra que te haya servido.

[@francovedia5584]

gracias, una guia de formulario avanzada es lo que buscaba

[@gustavoaguilartorres2035]

Muchas Gracias, Todo genial, vi desde el primero hasta el ultimo, soy nuevo en react y nodejs. Y En mi proyecto de titulacion de mi carrera las estoy aplicando.

[@marceloveron2393]

un genio este tipo Desde el 2018 que me ayudo en mil cosas

[@martinyuste6413]

Gracias genio!, la verdad que muy buena tu manera de explicar, lo termine entero!, no entendi algunas cosas pero por que tarde 4 dias en mis tiempos libres.. unas 10 uras viendo y copiando y tratando de razonar jajja a seguir nmas! supongo que asi se empieza!

[@FalconMasters]

Muchas gracias por ver todo el video y por tomarte el tiempo de seguirlo. Al inicio así se empieza un poco lento luego con practica todo lo empiezas a hacer y entender más rápido. Saludos!

[@josemanuelherrero6495]

Genial este video. Y además re utilizable y muy completo. Gracias.

[@pedroherrera6605]

Falcon sos el puto amo !!! Que buen video ! Entendi todo, gracias por explicarlo tambien !! Mis respetos bro

[@FalconMasters]

Muchas gracias Pedro!

[@ricardogenaro1668]

Gracias crack, yo como practica, trabajando con clases, beun video FalconMasters, te ganaste un super like

[@adonaygonzalez1218]

muchas gracias amigo ,haz despejado muchas dudas ,gracias y saludos!!

[@eliasalexanderrodriguez3356]

Hola muchas gracias por el tutorial, es un video excelente y bien explicado... por decirte algo... Lucas Dalto (SoyDalto) se hizo unos cursos de css (1 video) y javascript (3 videos) de 10hs cada uno. de nuevo, gracias por tu tiempo y disposición de enseñar. Bendiciones.

[@siyosoyerickav9917]

Muchas gracias!! me tarde dos días pero si me quedo y me resolviste muchas dudas, saludos!!!

[@sergiomendieta4198]

Muchas gracias !! Me sirvió mucho para hacer un formulario, explicas de forma clara y simple 💪

[@waltercruz9347]

Me ayudaste muchisimo estuve buscando en todos lados como realizar un formulario controlado y no encontraba lo que buscaba.te felicito muy bien explicado

[@renecodelc]

Maestro! Muchas gracias por el video, me sirvió muchísimo!!!

[@jlhvw13]

Muchas gracias por el aporte me sirvió bastante, y pude terminar mi proyecto, mi reconocimiento a tu gran talento.

[@FalconMasters]

Muchas gracias Jorge!

[@ricardolomesandoval]

Excelente video, estoy muy contento con lo aprendido en tu curso en Udemy, y terminando el curso empezamos a desarrollar nuestras apps, incluso estamos asombrados con la facilidad de uso y ventajas de Firebase. Muchas Gracias!

[@FalconMasters]

Es genial escuchar eso Ricardo, me da mucho gusto que mi curso y videos te estén siendo de mucha ayuda, la verdad es que React es genial y me alegra que otros puedan desarrollar apps con el.

[@ricardolomesandoval]

@@FalconMasters Aprovechando quería preguntarte lo siguiente, por temas de SEO, URLs utilizando # o "/" de React Router, estuve investigando bastante y existen varias formas de que funcionen mejor, una de ellas y por lo que he leído es la más complicada es hacer un App hibrida (isomorphic app) utilizando NodeJs en el servidor, mi duda es, ¿Yo tendría que duplicar el proyecto y subirlo a un servidor con NodeJs? Me imagino es más complicado que eso (estoy pensando usar Firebase Cloud Functions) Espero me puedas ayudar! Saludos

[@FalconMasters]

@@ricardolomesandoval lo qué pasa que es que react es una librería para crear web apps y que todo el código se ejecuta del lado del servidor, si te interesa el SEO y tienes la opción de trabajar con una app que haga “server side rendering”, esto significa que usas algún lenguaje del lado del servidor como NodeJS. Otra opción es también es muy muy buena y personalmente me gusta mucho es con Gatsby, el cual es un framework de react y que te va ayudar demasiado si te interesa el SEO de tu página, aunque está opción también depende mucho de que tan grande es tu app. Si es muy grande y tienes muchas páginas entonces si tendrías que usar algún lenguaje del lado del servidor tarde o temprano.

[@aston7797]

Hola🖐 te felicito excelente trabajo es pesado llevar el ritmo de las 2 horas que dura el video, pero explicas de muy buena manera todos los detalles y esto ayuda a seguir el rimo de todos los detalles que vas explicando gracias por compartir este material 👌👍

[@FalconMasters]

Muchas gracias!

[@mariofelipeluevanovillagom6789]

Marrio luevano desarrollador fullstack lo vi hasta el final felicidades eso es tener maestria

[@carlosalbertousugamartinez3199]

Gracias por compartir me gustan muchos tus vídeos, y si llegue al final y comprendí muchas cosas que no sabia. Saludos desde Medellin Colombia

[@FalconMasters]

Muchas gracias, me alegra mucho que mis videos te sirvan para aprender cosas nuevas. Saludos

[@alfredoperezbarradas3937]

Excepcional Carlos.. Es la mejor forma de aprender React..! Compraré el curso para entender todo como debe ser.

[@FalconMasters]

Muchas gracias, estoy seguro de que aprenderás mucho en mi curso.

[@michaelvasquez201]

muchas gracias. lo vi de inicio a fin. mil gracias +1 sub

[@michcrav07]

Visto hasta el final y muy bueno! gracias por explicar todo a detalle Carlos!

[@FalconMasters]

Muchas gracias!

[@LarcMusic]

ya me registré a tu curso de Udemy, desde siempre sigo tu canal; tienes mucha paciencia para explicar y de forma fácil.

[@FalconMasters]

Muchas gracias Luis aprecio mucho tu comentario. Que aprendas mucho con el curso!

[@joselinodelacruzdiaz7505]

En horabuena, muy bien por tu video.. Vale la pena apreciar el esfuerzo que realizas por explicar tus conocimientos y me ha servido mucho (para tener otra forma "muy profesional" de realizar las cosas)... y por suerte, descubro que el diseño reactivo se complementa perfectamente bien de la forma en que lo explicas.... de otra manera, considero que tener los estilos de la forma tradicional (css),, y react,, al final, termina uno por tener una forma híbrida... y no se explota en su totalidad la filosofía "moderna". !Mucha suerte! y te has ganado a pulso mi like y mi subscripción.

[@JoelRdz]

Videazo! Me sirvió mucho Carlos

[@federicomarceloramirez6650]

Excelente video. Es de mucha ayuda para mi, ahora comprendo y entiendo mejor muchos conceptos. Muchas gracias.

[@FalconMasters]

Me alegra mucho que así sea!

[@michaelandrade5832]

Excelente video Falcon, muchisimas gracias por compartir tus conocimientos con la comunidad, te mando un abrazo y saludos desde Brasil - RJ.

[@juanignaciobogado1258]

Gracias por el vídeo y tanta excelente calidad. Lo termine en un día y llegue hasta el final. Bendiciones y saludos desde Argentina

[@FalconMasters]

Muchas gracias por ver todo mi video juan! Espero que hayas aprendido mucho.

[@carloscarmenaterodriguez9576]

Muy buen vídeo muchas gracias por tu dedicación y atención a los detalles, no sólo lo vi hasta el final sino que lo veré varias veces un abrazo

[@FalconMasters]

Eso es genial! Muchas gracias

[@silvinaronzoni9573]

Vi el video hasta el final, muchas gracias por las explicaciones !!!, todos tus formularios funcionan muy bien y tienen validaciones muy buenas. Saludos !

[@FalconMasters]

Me alegra que te sirviera mi video! Saludos.

[@GregoMartocci]

Que haces Falcon! llegue hasta el final! ajajja quedo divino

[@orlandomanuelospinohernand9869]

Hola lo 👀👀👀 completo que chevere. Ahora lo voy a poner en práctica gracias 🙏🙏👏👏

[@ZululuxChiPuf]

Espectacular contenido! Tu forma de explicar es super clara. Muchisimas gracias!

[@FalconMasters]

Muchas gracias!

[@TheCharlos68]

Excelente video, muy completo. Te felicito por tu vocación y paciencia. Saludos

[@wveimarmamian8561]

gracias me sirvió un montón saludos desde colombia

[@ronaldbarrientosr5737]

Crack muchas gracias! Nuevo suscriptor a bordo

[@cesarroller9172]

Muy buen trabajo, explicado con detalles, muchas gracias

[@cargaplussa1462]

excelente video, recien estoy arrancando con react y node y me sirvio bastante. ahora voy por algo mas con backend ya que me falta la pata de conectarme a datos de una BD. saludos y muchas gracias por el aporte

[@SandraPerez-tj6fj]

Simplemente GENIAL!!!

[@venemexcoin4804]

bueno la verdad ya se por que dicen que eres el mejor, gracias fue excelente tu vídeo tenia muchas dudas de la validación la cual las aclaraste al 100% gracias

[@FalconMasters]

Muchas gracias por esas palabras. Es un gusto que te haya sido de ayuda mi video!

[@jhonponte]

Excelente video, muchas gracias

[@dylanmolinamazzilli9499]

Muchas gracias! realmente fuiste de mucha ayuda

[@leonelcarvajal93]

Excelente vídeo amigo. Muchas gracias por el tutorial.

[@magnusmanz]

Genial! Muchas gracias por el contenido...

[@estebangonzalez7960]

eres el mejor bro estoy aprendiendo full gracias por tu dedicacion

[@curiosoelgato]

Excelente explicado :) Gracias

[@MartaA-o2g]

Está super bien, muy detallado

[@victorbrown6172]

Amigo genial, excelente el contenido y la forma de explicar. Saludos..

[@lautarogerardoguaimas330]

sos un capo

[@darka4791]

Muchas gracias por este contenido que me agradó demasiado. Acá uno más que se quedó hasta el final del vídeo¡¡... con bastante motivación por aprender cada días más de estas nuevas tecnologías para crecer en el mundo del front-end

[@FalconMasters]

Muchas gracias a ti por ver mi video! Me alegra mucho que te haya sido de ayuda.

[@albertohernandezmorales5455]

Excelente vídeo, muy claro y detallado. Gracias.

[@ALEXANDERRODRIGUEZ-qr5df]

muy buen video, lo saludo parcero desde colombia

[@taguaradigital6413]

Carlos Arturo, muy buen video. gracias dos cositas, vi tu video completo y le hice algunos cambios (1. utilice el mismo campo para el mensaje de error y exito al enviar el formulario, 2. luego de 20 segundos quito el mensaje de enviado con exito)

[@FalconMasters]

Perfecto!

[@olimac007]

Espectacular este tutorial, gracias FalconMasters!

[@FalconMasters]

Muchas gracias!

[@olimac007]

@@FalconMasters A ti, eres un maestro.

[@diegosebastianzabala3927]

Gracias por el aporte, muy bueno. Saludos.

[@FalconMasters]

Gracias !

[@Ericazach]

Muy buen video y la explicacion fue excelente! He llegado al final! :)

[@FalconMasters]

Me alegra mucho que te haya servido y hayas llegado hasta el final!

[@jhonoquendo6163]

Gracias carlos arturo, siempre me preguntaba como validar con react, con js puro si lo habia hecho pero este es un gran video, gracias.

[@zonnen69]

Genial. Gran video! Con muchos conceptos y muy bien explicado. 👍🏼👍🏼👍🏼

[@FalconMasters]

Gracias!

[@gonzalo8277]

muy interesante... Muchas gracias

[@javicrowley]

Ah nooooo!!! Pero que genio por dios. Muchas gracias tremendo aporte como siempre Falcon Masters👏👏👏👏

[@FalconMasters]

Muchas gracias!

[@josemaldonado6065]

Me parece una explicación genial.

[@WillyDev502]

Eres un genio, me vi todo el video

[@valentinbennitez]

Me sirvio mucho, gracias muy buen video

[@aston7797]

tienes un suscriptor mas☝saludos

[@arielelias2413]

Gracias profe! Todo muy claro e increible.

[@carolgarcia383]

Gracias, de verdad me aprendí bastante.

[@FalconMasters]

Hey me alegra mucho!

[@quarzizus]

Muchas gracias Falcon :33

[@gonzafl4577]

Tremendo tutorial. Aunque me tomó unos días por cuestiones de tiempo, llegué hasta el final :) like-asoooo

[@FalconMasters]

Muchas felicidades por esa dedicación que tienes, estoy seguro de que te va a llevar muy lejos. Gracias por ver el video completo y apoyar mi contenido. Te mando un gran saludo!

[@yeisonvalois6556]

llegue hasta el final y me encantooooooooo

[@mercistyle8297]

gracias falcon master ....se logro terminar de verlo completo , tarde mucho pero se logro,

[@FalconMasters]

Me alegra mucho que te sirviera. Espero que hayas aprendido mucho.

[@dianacarolinaserrano4699]

Increible, GRACIAS

[@TheCarloz2009]

muy buen video gracias por compartir el conocimiento

[@joseantoniomiro4743]

Gracias por el video. Tratare de adaptarlo para usarlo tambien con redux. Saaludos.

[@carlosurielvillegas3904]

Super. Gracias

[@lautiquacka8463]

Gracias por el video muy bueno me sirve para aprender, por algun motivo y a pesar de copiar todo tal cual me tira un error de esta linea "expresionRegular.test is not a function" y no me permite mostrar los iconos de errror o exito e usuario, nombre, contraseña y contraseña2

[@jezreelsanz]

A mi me paso igual, no he podido solucionarlo :/

[@tatiplatinum]

Muchas Gracias por compartir tus conocimiento y enseñarnos con tanta paciencia y profesionalismo, lo hare tantas veces como necesite hasta entenderlo completamente, solo me queda una duda por ahora, y es si el formulario se puede recorrer con TAB en el orden correcto, o si hay una props que indique el indice, y...

[@nicolasrivera6279]

Genial, gracias por compartir!!!

[@borisbonett2280]

gracias Falcon master

[@srmatthews6448]

Hola que buen video! ¿Qué extención usas para el autocompletado en React en vs code?

[@gusget]

2:12:18 "que es esto, ruso?" JAJAJAJA esos chistes en medio de las explicaciones. Excelente tuto FM!