Best Web Hosting

Guía Completa de Validación de Formularios en React - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.
ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY
Guía Completa de Validación de Formularios en React

Watch Falcon Masters Video: Guía Completa de Validación de Formularios en React.
En este video aprenderás como trabajar con formularios desde cero. Como validar los campos y como reutilizar componentes para que puedas usarlos en otras partes de tu app.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

Código del Tutorial: https://github.com/falconmasters/validacion-formularios-react
Expresiones Regulares: https://github.com/falconmasters/formulario-css-grid/blob/master/js/formulario.js
FontAwesome para React: https://fontawesome.com/how-to-use/on-the-web/using-with/react
Google Fonts: https://fonts.google.com/
Styled Components: https://styled-components.com

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

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters

Published:
Category: Falcon Masters
19 Views

Related Videos

  • Nueva versión de Firebase - Guía Completa de Instalación (React)

    Nueva versión de Firebase - Guía Completa de Instalación (React)

    by Best Webhosting Added 19 Views / 0 Likes

    En este video vamos a ver como instalar Firebase en su versión #9. También vamos a ver un ejemplo de como utilizar firestore. 🚀 Blog de Diseño Web: http://www.falconmasters.com ✔️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 ✔️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A ✔️ Curso Completo de PHP y MYSQL: http

  • Guía de Formik - Librería para Formularios en React

    Guía de Formik - Librería para Formularios en React

    by Best Webhosting Added 18 Views / 0 Likes

    En este video vamos a ver como trabajar con formik, la mejor librería para trabajar con formularios dentro de React. 🚀 Blog de Diseño Web: http://www.falconmasters.com ✔️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 ✔️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A ✔️ Curso Completo de PHP y MYSQL: https://www.u

  • Aprende a Diseñar Formularios Profesionales con Validación de Datos

    Aprende a Diseñar Formularios Profesionales con Validación de Datos

    by Best Webhosting Added 46 Views / 0 Likes

    En este video aprenderás como diseñar un formulario responsive de forma profesional con HTML5 y CSS3 • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de PHP y MYSQL: https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A •️ Curso de Bootstrap 4: https://www.udemy.com/course/curso-bootstrap/?re

  • Guía Completa de Flexbox desde 0

    Guía Completa de Flexbox desde 0

    by Best Webhosting Added 74 Views / 0 Likes

    Aprende como crear sitios web flexibles y (responsive) adaptables a dispositivos móviles mediante flexbox CSS3. • Blog de diseño web: http://www.falconmasters.com • Necesitas ayuda con el tutorial? Únete a nuestra comunidad: http://www.heroesdelaweb.com --- • Articulo con las propiedades de flexbox: http://www.falconmasters.com/css/guia-completa-flexbox/ --- Redes Sociales: • Twitter @falconmasters: http://www.twitter.com/falconmasters • Pagina de Fac

  • Guía Completa de (drag and drop) con SortableJS

    Guía Completa de (drag and drop) con SortableJS

    by Best Webhosting Added 90 Views / 0 Likes

    En esta guía aprenderás como usar las funciones mas importantes de SortableJS para tu proyecto. • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de PHP y MYSQL: https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A •️ Curso de Bootstrap 4: https://www.udemy.com/course/curso-bootstrap/?referra

  • Curso de Bootstrap 5 - Guía Completa de Flexbox

    Curso de Bootstrap 5 - Guía Completa de Flexbox

    by Best Webhosting Added 14 Views / 0 Likes

    En esta guía vamos aprender como trabajar con Flexbox dentro de Bootstrap 5, aprenderemos todas las clases disponibles y como utilizarlas. Este video que forma parte de mi curso de Bootstrap desde cero el cual puedes tomar desde este enlace: 👉 https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64 🚀 Blog de Diseño Web: http://www.falconmasters.com ✔️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno

  • Guía Completa de Pseudo-clases en CSS | ¿Qué son ? + Ejemplos de todas

    Guía Completa de Pseudo-clases en CSS | ¿Qué son ? + Ejemplos de todas

    by Best Webhosting Added 58 Views / 0 Likes

    En esta guía te voy a explicar que son las pseudo-clases en CSS y para que sirven con ejemplos de cada una de ellas. • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de PHP y MYSQL: https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A •️ Curso de Bootstrap 4: https://www.udemy.com/course/cur

  • Guía Fácil y Completa de Expresiones Regulares desde Cero

    Guía Fácil y Completa de Expresiones Regulares desde Cero

    by Best Webhosting Added 54 Views / 0 Likes

    En este tutorial aprenderás que son las expresiones regulares y todos los necesario para que las puedas entender y crear las tuyas propias. • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de PHP y MYSQL: https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A •️ Curso de Bootstrap 4: https://w

  • Curso de React y Firebase desde Cero - 4. Create React App

    Curso de React y Firebase desde Cero - 4. Create React App

    by Best Webhosting Added 32 Views / 0 Likes

    Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?

  • Popular React File Uploader With Express (Using React Hooks)

    React File Uploader With Express (Using React Hooks)

    by Best Webhosting Added 101 Views / 0 Likes

    In this project we will build a full stack file upload with React and Express. We will construct the UI with a Bootstrap elements and make them function Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com/bradtraversy/react_file_uploader • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversym

  • Popular Full Stack React & Django [2] - Implementing React

    Full Stack React & Django [2] - Implementing React

    by Best Webhosting Added 105 Views / 0 Likes

    In part 2 we will integrate React into a Django "app" called frontend. We will setup React manually with Webpack & Babel and just get a few basic components created Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-part-1-settin

  • Full Stack React & LoopBack [2] - React, Routing and UI

    Full Stack React & LoopBack [2] - React, Routing and UI

    by Best Webhosting Added 90 Views / 0 Likes

    In this video we will setup our client/React app and implement routing with the react router dom. We will also create the basic UI with Materialize CSS CODE: Full app code https://github.com/bradtraversy/meetupz BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymed

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA
RSS