Taller de React: Generador de Contraseñas desde Cero

En este video vamos a realizar un proyecto completo de React. Vamos a realizar un generador de contraseñas para principiantes.
🚀 Blog de Diseño Web:
www.falconmasters.com
⭐ Curso de Diseño Web desde Cero:
www.desarrolloweb.io/cursos/diseno-web
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrolloweb.io/cursos/php-y-mysql
⭐ Curso de React y Firebase desde Cero:
www.desarrolloweb.io/cursos/react
⭐ Curso de Bootstrap 5:
www.desarrolloweb.io/cursos/bootstrap
⭐ Curso de Woocommerce:
www.desarrolloweb.io/cursos/tiendas-online
---
📄 Código del proyecto:
github.com/falconmasters/password-generator-react
📄 Bootstrap Icons:
icons.getbootstrap.com/
📄 Google Fonts:
fonts.google.com/specimen/Roboto
📄 Styled Components:
styled-components.com/docs/basics#installation
---
Redes Sociales:
📌 Twitter: falconmasters
📌 Página de Facebook: falconmasters

[@FalconMasters]

Manita arriba al video si te gusto 👍 y no olvides suscribirte para mas tutoriales!

[@YosipmikeColin]

ME ENCANTA LA NUEVA ELEGANCIA DE LAS MINIATURAS DE LOS VIDEOS DE FALCON MASTER, SE VE MAS ELEGANTE Y PROFESIONAL Y PARA MAS AUN EL ORDEN EN EXPLICAR ES ESQUISITO 🤩👌.

[@FalconMasters]

Muchas gracias! Intento mi mejor.

[@gomezruizluisalberto7049]

Mejor explicado no podría estar, excelente video :)

[@chicho69-cesar]

Que grande eres amigo, el mejor profesor de programación que he conocido. Gracias por compartirnos tus conocimientos.

[@YosusZ]

Muchas gracias amigo, me llevo mucho mas conocimiento acerca de react mediante esta practica ¡Grande!

[@vanessamc3342]

Profee es el mejor ,puto amo!!😂❤

[@johnortiz7216]

excelente explicacion…..eres el mejor

[@duvanromero6017]

Una Clase Tremenda!

[@TaylorMosqueraCastro]

Espectacular tuto 😁😁

[@VictorHugoCornejoCalderon]

Excelente !!!

[@felipedev_]

Esta super completo el tuto, falcon nunca falla, solo para aclarar algo, el useEffect que usas para generar la contraseña iinicial no necesita la dependencia de cambio de configuracion, dado que el componente se va a rerenderizar con el cambio de cualquier estado entonces con darle click al boton generar vuelve y se genera otra, en conclusion con que dejes el array vacio para generar la contraseña inicial es suficiente. Saludos !

[@FalconMasters]

Buena observación! Gracias

[@irving7653]

Bro, ¿Cuántos años tienes? te escuchas joven pero tienes los conocimientos de un experto. Eres genial amigo!

[@gusober4673]

idem grax

[@ricko13]

Se pueden mejorar muchas cosas pero ok, te doy un 7/10

[@danielramirezhuayanay6470]

Sería genial algo sobre códigos QR en react

[@estebanoctaviopavezllanca2385]

The first jajaja gracias

[@carlosmonge135]

Exelente video FalconMasters. 👍 👍 Solo una pregunta como puedo hacer que al darle click en el boton de + o - no genere un password nuevo solo que incremente o disminuya. Ya que le di la opcion de dejarlo minimo 1 como el video y maximo 16 que son los que se logran ver completamente en el resultado. Te agradezco de ante mano.

[@FalconMasters]

Hola Carlos, puedes guardar el estado dentro de una variable y luego simplemente generar un dígito mas y juntarlo.

[@joanjoan8845]

Excelente como siempre! muchas gracias. Me queda la duda de dónde sale configuracionAnterior. eso no me quedó muy claro.

[@FalconMasters]

Hola Joan, en la función que te permite cambiar el estado puedes en vez de pasarle el valor directamente, puedes pasar una función y esa función tiene como parámetro el Estado Anterior, que en este caso era la configuración anterior.

[@joanjoan8845]

@@FalconMasters Bien, pero dónde está declarado "configuracionAnterior" ? que sería un objeto, verdad? es como que en "configuracionAnterior" está guardado "configuracion" que sería el useState?

[@luisenriqueorozcollanos663]

Como hago un QR dese cero para mostrar imágenes

[@tostaostr8168]

como se llama la fuente que usa el logo?

[@joseithefirst]

Cual es tu tema de vs code?

[@FalconMasters]

Se llama Ayu con la versión Mirage

[@omarm6299]

Tengo una duda. Si tengo que agregar muchas imágenes ¿tengo que hacer el import de cada imagen?

[@tostaostr8168]

.

[@joanjoan8845]

Es la mejor forma. Sobre todo si vas a reutilizarlas.