React & Firebase Login con API Context (Firebase Authentication) y Tailwindcss

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 169

  • @dannaediaz7501
    @dannaediaz7501 2 года назад +6

    Excelente video! En ningún otro video lo explican con este nivel de detalle para Firebase y React, me sirvió lo suficiente para incluso implementarlo con redux. Te lo agradezco!

  • @tidyodooy
    @tidyodooy 2 года назад +3

    Gracias Fazt y espero que te recuperes muy pronto de ese resfriado

  • @perrochokoo
    @perrochokoo 2 года назад +4

    Fazt, nuevamente muestras código limpio, claro y simple de entender!!!!🙌... eres un Crack.... Gracias bro!!! 👊😎

  • @oh-vito
    @oh-vito 10 месяцев назад

    La aplicación mas util en el frontend. gracias por compartir conocimiento. El componente que mas me gusto por la maniobra que realiza, el componente ProtectedRoute.

  • @jhoubu
    @jhoubu 2 года назад +2

    A la espera de la red social. Muy bien Fazt

  • @Manubar15
    @Manubar15 2 года назад

    Una maravilla este video,de lo mejores contenidos que he visto ese mes; todo lo que me sirvio este video para terminar de entender varios conceptos y utilidades con firebase,muchas gracias.

  • @danigutierrezcalderon
    @danigutierrezcalderon 2 года назад

    Estoy viendo el video Fazt! gracias por recomendármelo. Seria excelente el video que mencionas sobre entender mejor context! Gracias.

  • @waldidbarrios7536
    @waldidbarrios7536 2 года назад

    Muy buena explicación, Super genial vengo días buscado como hacer un login y poder entender lo que se debe hacer y gracias a este video esta genial muchas gracias.

  • @summerpirates4603
    @summerpirates4603 Год назад

    Exelente explicacion hermano. todo me quedo super claro . Eres uno de los mejores.

  • @alejandrosantalla
    @alejandrosantalla 2 года назад +5

    Ya va siendo hora de salir de los CRUD y los logins y meternos con Web 3.0. Eres un crack!

  • @ariel18012
    @ariel18012 Год назад

    Excelente video!!! De los mejores en YT, ojala avances con lo que comentaste al final del video y puedas
    usar redux toolkit, para poder poder escalar en la app a otra cosas. Sigue asi!!

  • @santiagotorres8680
    @santiagotorres8680 2 года назад +1

    Muchas gracias por compartirnos tus conocimientos, eres genial :)

  • @lpentertainmnt
    @lpentertainmnt 2 года назад +1

    que crack, me gustan mucho estos tutoriales* super utiles :3

  • @leoDEV75
    @leoDEV75 2 года назад

    Hola Buenas noches, muchas gracias por todos tus aportes, escelente video simpre aprendo mucho viendop tus tutoriales, eres un excelente Maestro Que Dios te bendiga Hermano

    • @FaztCode
      @FaztCode  2 года назад

      Gracias Leonardo. Un gusto leerte. Muchos éxitos

  • @nabilallis9068
    @nabilallis9068 Год назад

    Excelente video, entendí perfecto todo. Muchas graciasss!!!

  • @code_castle
    @code_castle 2 года назад

    Genial máster voy a hacerlo, al terminarlo subiré en link del despliegue a ver

  • @joshsanders2479
    @joshsanders2479 2 года назад

    Excelente Profe Fazt. Lo estaba esperando Gracias

  • @DrNFox
    @DrNFox 2 года назад

    Eres el mejor Fazt, mil gracias por cada vídeo

  • @ianrivas9404
    @ianrivas9404 2 года назад

    esto de las secciones es una idea genial, sos el mejor

  • @Juanchi_AR
    @Juanchi_AR 2 года назад

    muchas gracias, me sirvio para entender varias cosas, es facil seguir lo que explicas, saludos!

  • @dann1est
    @dann1est 2 года назад

    Muchas gracias por este tutorial, excelente explicación.

  •  2 года назад

    Excelente curso, espero un pronto video!!

  • @jfbj1792
    @jfbj1792 2 года назад

    Esto estaba esperando 😁. Gracias Fazt eres lo máximo ❤

  • @miguelbolanos4390
    @miguelbolanos4390 2 года назад

    CONSEJO A LOS QUE MIRAN ESTE VIDEO: si por alguna razon les aparece un error de "export 'Login' (imported as 'Login') was not found in './Components/Login' (possible exports: default)" lo que deben hacer es no importar entre llaves {Login}
    dejo esto solo por si alguien tuvo este mismo error
    pd: GRACIAS SEÑOR FAZT

  • @GirlDesignTips
    @GirlDesignTips 2 года назад +1

    Excelente Tutorial Fazt eres genial😉 👏✅

  • @franciscoolivero7465
    @franciscoolivero7465 2 года назад

    Sos un fenomeno explicando. Gracias

  • @luojeda9250
    @luojeda9250 2 года назад +2

    Buenas tardes, inicialmente darte las gracias por la explicación de este video y por otro lado preguntarte si ya subiste el video que mencionaste al final de este, donde indicas que vas hacer un nuevo video de autenticación, como crear roles y poder guardar datos de cada usuario. Te agradecería mucho esta información. Saludoss!!!

  • @codex3324
    @codex3324 2 года назад

    Estaba esperando un vídeo como este tuyo

  • @davideliashernandezmorales4581
    @davideliashernandezmorales4581 2 года назад

    Justo lo que estaba buscando! Maestro!

  • @Alejandro-yq6oy
    @Alejandro-yq6oy 2 года назад +3

    Tengo un problema porque cuando tengo un error igual me lleva al home y muestra el error en consola, es decir, el trycatch no esta funcionando 39:08

    • @maurchus
      @maurchus 2 года назад

      Pudiste solucionarlo ?

    • @stevebernuy4194
      @stevebernuy4194 2 года назад +1

      me pasa lo mismo, pudiste solucionarlo?

    • @joseernestoroldan
      @joseernestoroldan 2 года назад +1

      lo mismo por aca, alguien con la solucion?

    • @franciscobarrera7373
      @franciscobarrera7373 2 года назад +5

      me pasaba lo mismo y tuve que agregar async/await a la funcion signup
      const signup = async(email, password) => {

      await createUserWithEmailAndPassword(auth,email,password)
      }

    • @cristoferjoansagastumeramo9677
      @cristoferjoansagastumeramo9677 2 года назад

      @@franciscobarrera7373 gracias bro si me sirvio 👍

  • @mauroandressosa1342
    @mauroandressosa1342 2 года назад

    Tremendo, como siempre Fazt !

  • @carmonarya
    @carmonarya 2 года назад

    Muchas gracias amigo excelente, eres grande

  • @agustindiaz9693
    @agustindiaz9693 2 года назад +2

    Una duda, en el caso de querer crear un formulario con mas datos al momento de crear el usuario como por ejemplo: teléfono, dirección, dni, etc. Como se podría hacer? Ya que vos lo haces con la función de firebase createUserWithEmailAndPassword que entiendo es solo para esos dos datos, tendríamos que crear una función nosotros mismos y subir esos datos a firebase? o firebase cuenta con una función para un caso como ese?

  • @claudiamontes8151
    @claudiamontes8151 2 года назад

    Muchas gracias por tu video!!! esta genial! tengo una duda si quiero subirlo al hosting de firebase, la carpeta que tengo que seleccionar es la de components?

  • @rasko.gaming4506
    @rasko.gaming4506 Год назад +1

    Hola EXCELENTE video, muchas gracias por todo! Solo me quedo una duda, la funcion signInWithPopup no funciona para moviles, por lo que estuve leyendo la documentacion de firebase para usar SiginWithRedirect, pero es necesario otra funcion de GetResult y hay que ponerlo en el useEffect pero no se como. Podrias ayudarme? O tendrias alguna recomendacion?

  • @cristianrosales2424
    @cristianrosales2424 2 года назад +3

    Buena Fazt. Primero que nada quiero agradecer por tu excelente labor. Quería comentar que tengo un error y no comprendo porque sucede. Cuando uso try y catch al enviar los datos para crear el usuario no ingresa en el catch, me figura por consulta uncaught y el mensaje de firebase. No entiendo porque, ya que no es la primera vez que trabajo con este tipo de peticiones

    • @nam54321
      @nam54321 2 года назад

      Cristian, tengo el mismo problema . Pudiste solucionarlo? saludos

  • @leonardotallone3004
    @leonardotallone3004 2 года назад +4

    Muy bueno todo lo explicado, muy claro por cierto, Me gustaria consultarte si es que ya tenes el video de como asignar roles para usuarios comunes y ADMIN, como asi tambien como customizar los campos de los usuarios q se registran en una api como la q creaste en este ejemplo,

    • @carlosz.487
      @carlosz.487 7 месяцев назад

      Hola bro, tengo la misma duda conseguiste una forma de hacerlo?

  • @nicoschonfeld8572
    @nicoschonfeld8572 2 года назад +14

    Una pregunta, de cuánto es el límite de usuarios que puedo registrar en firebase si no pago?

    • @msjd8126
      @msjd8126 2 года назад

      Infinito

    • @michae301
      @michae301 2 года назад

      @@msjd8126 omaigaaaaa

  • @kikemaya7758
    @kikemaya7758 2 года назад

    Eres una leyenda, Fazt!

  • @angelcarballeira
    @angelcarballeira 6 месяцев назад

    Hola, excelente video y explicación Fazt. ¿Qué puedo hacer para darle seguridad al firebase initialize? Ya que al subir el proyecto a GitHub me salen advertencias sobre seguridad. Gracias

  • @DanielAlexisRivasNieto
    @DanielAlexisRivasNieto 2 года назад +1

    Hola, felicitaciones y muchas gracias por tu contenido.. una pregunta.. como formateas el codigo? min 41:47 lo haces manual o es alguan extension? gracias

    • @FaztCode
      @FaztCode  2 года назад +3

      El formateado viene por parte de Prettier, y yo lo activo manual (por preferencia personal, porque también se puede hacer que se haga cuando se guarda).
      esta es la extension: prettier.io/
      aqui hay un tutorial del tema: www.digitalocean.com/community/tutorials/how-to-format-code-with-prettier-in-visual-studio-code-es
      en mi caso yo activo el formateado con la combinación: CTRL+shift+I

    • @DanielAlexisRivasNieto
      @DanielAlexisRivasNieto 2 года назад

      @@FaztCode Listo Muchas Gracias!

  • @billyarredondopucp
    @billyarredondopucp 2 года назад

    Fazt, excelente tutorial, gracias.
    Se te escucha un poco ronco, espero estés bien, bro. Saludos.

  • @soyjaider8996
    @soyjaider8996 Год назад

    Hola, lamentablemente no entiendo porque al aplicar estilos con las diferentes formas para react no me funcionan, ayer estuve intentando con styled-components, hoy intente con tailwindcss y lo mismo, no aplica estilos, alguien sabe porque?

  • @denisxcode2729
    @denisxcode2729 2 года назад

    Hola fazt excelente video, hay videos asi pero casi nadie explica como lo haces tu, solo una preguntita jsjs se puede hacer lo mismoo con node usando express y las dependencias necesarias?

  • @joshsanders2479
    @joshsanders2479 2 года назад +1

    Hola Profe Fazt
    Esperando ...
    MERN con context API, GraphQL, Mongodb Atlas y TailwindCSS
    Configuración de Visial Studio Code en 2022
    Gracias

  • @welivefromart
    @welivefromart Год назад

    eres fantastico bro saludos !

  • @DrNFox
    @DrNFox 2 года назад

    Alguien sabe como se hace la condición del min 57:57 pero con Formik? El onSubmit del Formik manda un object por lo que no se puede hacer la función con el event

    • @oscargm1979
      @oscargm1979 2 года назад

      Efectivamente,tienes que darte cuenta que en el onSubmit del formik mandas lo que tu quieras(el e.preventDefault lo gestiona ya Formik). Aqui va la chapa xd:
      const RegisterFormik = () => {
      const navigate = useNavigate()
      const { signup } = useAuth()
      const [error, setError] = useState("");
      const handleSubmit = async (values) => {
      console.log(values);
      try {
      await signup(values.email, values.password);
      navigate('/')
      } catch (error) {
      setError(error.message);
      }
      };
      return (
      {error && {error}}
      { (formik) => (
      Email

      Password

      Register Through Formik
      Already have an account?
      )}

      )
      }
      export default RegisterFormik

  • @mode643
    @mode643 2 года назад

    Oro, este video es oro !!! 🪙🪙🪙🪙🪙

  • @wdelcanto
    @wdelcanto 2 года назад

    Excelente video! Ya salió otro video con las otros métodos de logeo?

  • @elovejosanchez
    @elovejosanchez Год назад

    Como hacer para que me vuelva a pedir las credenciales del proveedor gmail, quedan mis datos guardados, gracias.

  • @jaimechaives1043
    @jaimechaives1043 2 года назад

    Buenisiiimmo muchas muchas Gracias!

  • @sanfosx4311
    @sanfosx4311 2 года назад

    excelente muy bien explicado slds

  • @juanguzmanm
    @juanguzmanm Год назад

    Excelente video Fast!, solo que al dar refresh me manda al login, pero sigo manteniendo mi currentUser.. no se que pasa, he comparado el codigo del repo. pd, tengo mas de una ruta para componente

  • @kevinsisa5981
    @kevinsisa5981 Год назад

    hola amigo quisiera saber como puedo modificar, para que en caso de que ya estoy logueado al momento de poner la url de login no se vaya a ese formulario, porque se supone que ya estoy logueado y no deberia poder irse a esa url

  • @edwarddk9007
    @edwarddk9007 Год назад

    hola fazt en esta parte del logout
    const handleLogout = () => {
    logout()
    }
    if(loading) return cargando...
    return (

    {`welcome ${user.email}`}
    logout

    )
    } tu pones async y await pero he probado que tambien se puede hacer sin async y await , estaria bien o seria mala practica ?

  • @cristiancamilosanchezardil9730
    @cristiancamilosanchezardil9730 2 года назад

    Increíble fazt
    Gracias

  • @lucasabdala3938
    @lucasabdala3938 2 года назад

    Buenas.... una consulta por alguna razon no me llegan los correos en el cambio de contraseña y registro.
    si alguien puede contestar me seria de ayuda.... lo demas funciona todo bien...saludos

  • @jesus_84_
    @jesus_84_ 2 года назад

    Maestro de maestros

  • @moisesvargasichpas4805
    @moisesvargasichpas4805 2 года назад

    Que joyita de video

  • @yamilaprosdocimo2294
    @yamilaprosdocimo2294 2 года назад

    GRACIAS POR TU LABOR

  • @marioarango2773
    @marioarango2773 2 года назад

    Hola, saben como es si quiesiera enviarle aparte de email y contraseña, un parametro más?, como "ROL_ADMIN" por ejm

  • @welivefromart
    @welivefromart Год назад

    1:15:15
    import { useAuth } from "../context/authContext";
    export function Home() {
    const { user } = useAuth();
    console.log(user);
    return (

    {user && user.email ? (
    Welcome {user.email}
    ) : (
    No user found
    )}

    );
    }

  • @maurooblanco
    @maurooblanco 2 года назад

    Hola fazt, quería saber cómo hacer para agregar un campo nombre y apellido al register y que en el current user te aparezca esa información, busque por todos lados y no encuentro una forma de hacerlo, gracias

  • @alexjumbo5023
    @alexjumbo5023 2 года назад

    Hola Fazt y a todos. Estaba haciendo el inicio de sesión con Facebook agregando el id de la app y la clave secreta también la uri OAuth de redireccionamiento, cuando ejecuto la app y quiero iniciar sesión me sale un mensaje en una ventana emergente que la app esta desactivada y que se podrá iniciar sesión cuando se reactive. Sabes como solucionarlo o alguién que sepa que me ayude?

  • @naitsabesu
    @naitsabesu Год назад

    el user del contexto hay que guardarlo localstorage si no con f5 se pierde, no? o firebase auth hace esto automaticamente?

  • @julianriedinger2540
    @julianriedinger2540 2 года назад +1

    Genial video Fazt! Una pregunta, con que extension o de que forma se formatea el codigo para que quede bien indentado o mas legible?

    • @FaztCode
      @FaztCode  2 года назад +1

      En mi caso lo hago con Prettier. El atajo depende del sistema que estes usando en Windows es:
      ALT + Shift + A
      y en Linux es:
      Ctrl + shit + I
      Aunque tambien se puede personalizar :)

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад

    Buenas Fazt , bro de cualidad tienes alguno donde se use el link de verificacion de correo de firebase y usando zustand? un saludo!

  • @AGriffith
    @AGriffith 2 года назад

    man así honestamente, como sacas tanto tiempo para hacer tantos videos sobre tantas tecnologías? xD trabajas?

  • @beto_249
    @beto_249 2 года назад

    Hola Fazt, una pregunta. En este ejemplo de Login cómo se guarda la clave en localstorage?

  • @eduardohernandezsoto785
    @eduardohernandezsoto785 Год назад

    Al subirlo en la web se queda con el renderizados en el cliente?

  • @alejandrodiaz1172
    @alejandrodiaz1172 2 года назад

    Buen dia, tenes algun video explicando como seria para enviar un mail de verificacion cuando te creas un usuario? Muchas gracias

  • @AdonisDaniel
    @AdonisDaniel 2 года назад

    Hola, ¿Que tal comunidad? Excelente video Fazt
    Tengo una duda con respecto a las rutas protegidas. El programa te estaba lanzando un error en componente HOME porque no podia detectar la propiedad email de NULL. Entonces colocaste una ruta protegida para validar y evitar el error. Una forma en la cual yo lo solucione fue asi: if(!user) return Si el programa ve que USER es NULL lo redirecciona con el component Navigate, pero no se que tan seguro sea. ¿Cuál es tu opinion?

  • @David-cg6ew
    @David-cg6ew 2 года назад

    Nuevo suscriptor crack, gracias por los cursos, crees que me puedas dar el nombre de tu extencion que te autocompleta el código (Intellij), please.

    • @FaztCode
      @FaztCode  2 года назад

      Hola Paico, esa extension se llama github copilot, se tiene que solicitar acceso: copilot.github.com/

  • @maneger7354
    @maneger7354 2 года назад

    Gracias!!
    ya conocía todo lo anterior, pero desconocia cómo enviar restablecer la contraseña

  • @eliuddyn
    @eliuddyn 2 года назад

    This is amazing 🔥🔥

  • @felipet1563
    @felipet1563 Год назад

    Sos un crack!!!!

  • @pablov.viteri9345
    @pablov.viteri9345 2 года назад

    Estaria muy bien authenticacion con firebase y authorizacion con strapi todo bajo redux saga

  • @DanielAlexisRivasNieto
    @DanielAlexisRivasNieto 2 года назад

    Hola, muchas gracias por todo, otra pregunta, no se si ya lo hicistes o tienes algun link donde se pueda guardar los datos de conexion de firebase sin que esten en el codigo? tendras algo de eso?

  • @rayomcdev2779
    @rayomcdev2779 2 года назад

    1:12:04 a mí me devuelve null :(

  • @jobututos9593
    @jobututos9593 2 года назад

    Hola fazt. Cómo estás? Aras en algún momento algo de nodejs con microservicios con Docker. Te animas?

  • @federicoaguilera9573
    @federicoaguilera9573 2 года назад

    Lo esperado fazt

  • @laurairiarte9519
    @laurairiarte9519 2 года назад

    AYUDA URGENTE!!!
    al principio corrí npx run start, no me reconocía el script por lo que miré el archivo package.json, me parecía extraño que solo aparecían tres lineas de código, donde solo tenía la dependecia de npx y la versión, comparé la líneas de código de tu proyectos de los archivos package.json y package-lock.json y este ultimo me aparece solo 8000 línead de código.
    busqué solución y desintalé create-react y lo volví a instalar y o sorpresa antes de instalar tailwinCSS tenía las mismas líneas de código de tu proyect, pero despues de instalar tailwinCSS OCURRIÓ EL MISMO ERROR, ya no sé que hace, no puedo ejecutar el npx run star. noo puedo hacer nadaa. AYUDAAA

    • @lucasllusco7939
      @lucasllusco7939 2 года назад

      se que respondo después de 2 meses, pero no es "npm run start" ?

  • @juanam2643
    @juanam2643 2 года назад +1

    Bro has un vídeo sobre tu configuración de visual en 2022 porfa. Las extensiones q usas.

    • @FaztCode
      @FaztCode  2 года назад +2

      Siempre lo olvido voy hacer uno para esta semana sin falta

    • @juanam2643
      @juanam2643 2 года назад

      @@FaztCode Muchas gracias genio :D

  • @sr_arepita8077
    @sr_arepita8077 2 года назад

    Hola, puedes hacer un Update password.? que no sea el de sendEmail?

  • @flyoneos8415
    @flyoneos8415 2 года назад

    ¿Saben porque a la hora de querer manejar el error en el catch de singup; no lo utiliza? Es decir no guarda el mensaje ni nada

    • @FaztCode
      @FaztCode  2 года назад +1

      El error es capturado en el primer try/catch que encuentre, así que puede que estés viendo el archivo equivocado, prueba viendo si el error está cuando haces la petición al backend

    • @flyoneos8415
      @flyoneos8415 2 года назад

      Creo que fue eso, pero cambie el try/catch dentro de la función tipo;
      Try{
      CreateUser...
      }Catch(error){
      //...
      }
      Y ahí si me funcionó

    • @maurchus
      @maurchus 2 года назад

      @@flyoneos8415 Podrias poner como te quedo el try/catch ? estoy trabado en eso. Gracias

    • @flyoneos8415
      @flyoneos8415 2 года назад +1

      try {
      await createUserWithEmailAndPassword(auth, email, password)
      navigate('/')
      } catch (error) {
      const errorMessage = error.message;
      seterror(errorMessage)
      }
      esto va dentro del singup

    • @maurchus
      @maurchus 2 года назад +2

      @@flyoneos8415 Muchas gracias !

  • @andreisherikhov3626
    @andreisherikhov3626 2 года назад

    que grande
    el fazt

  • @joshwarmx2965
    @joshwarmx2965 2 года назад +1

    se puede usar el provider con stack navigation?

    • @FaztCode
      @FaztCode  2 года назад

      Sí Claro, el provider es parte de la biblioteca estandar de React, simplemente coloca tu enrutador adentro del provider y cada pantalla podra acceder al contexto

  • @SniperKillerARG
    @SniperKillerARG 2 года назад

    Genio!

  • @matiascarrion4668
    @matiascarrion4668 3 месяца назад

    Y como actualizo en correo ?

  • @MarioRocafull
    @MarioRocafull Год назад

    Muchas gracias por los vídeos que has hecho sobre React y MongoDB.
    Si fueras tan amable, quisiera preguntarte cómo proteger esa información sensible que se copia desde Firebase (el código que incluye las credencialess) para evitar que otras personas puedan usar tus usuarios (en este caso) o tu Firestore (en otros casos).

    • @leoneld
      @leoneld Год назад +1

      tenes que crear un archivo .env para que esos datos sean variables de entorno y no se puedan ver en el codigo.

    • @MarioRocafull
      @MarioRocafull Год назад

      @@leoneld pero en estos casos, las conexión se hace desde el cliente y las variables de entorno solo están accesibles en el servidor.

    • @leoneld
      @leoneld Год назад

      @@MarioRocafull Estoy en un proyecto ahora y lo tengo así, es todo react y el archivo config de firebase llama a las variables.

  • @Gomplayer12
    @Gomplayer12 2 года назад

    ¿Cómo puedo pasar el código a nextjs? cuando colocaste AuthProvider se me complico.

    • @FaztCode
      @FaztCode  2 года назад

      El contexto es el mismo en react y en next, solo que en next tienes que añadir el contexto en _app.js

  • @felipegarnica7961
    @felipegarnica7961 2 года назад

    hola excelente video Fazt, tengo una pregunta como haces para que automaticamente cuando escribes una ruta haces que se importe automaticamente, con que extension se puede realizar eso, gracias

    • @FaztCode
      @FaztCode  2 года назад +1

      Para importar, eso ya lo hace VSCode por defecto. Intenta hacer esto, Escribe las primeras letas del componente, por ejemplo en el caso de Login, escribes:

  • @Holri
    @Holri 2 года назад

    Master 🥶

  • @mateorendon5561
    @mateorendon5561 2 года назад

    Hola Fazt, ¿Me podrías ayudar explicándome cómo puedo hacer que la sesión se mantenga luego de hacer refresh a la página? Gracias de antemano

    • @FaztCode
      @FaztCode  2 года назад

      Según recuerdo a este ejemplo le había añadido el evento onAuthStateChange. Este evento te permite recibir el estado del usuario, si ya esta autenticado o no. con este puedes estable en true o false en el context, para seguir diciendo que el usuario tiene autorizacion o no. cuando llamas el metodo signout, este cambiara a false

  • @PiPe884
    @PiPe884 2 года назад

    Gran titurial, me fue de gran ayuda! Pero tengo una duda. ¿Como puedo hacer para cuando hago un refresh en la página me mantenga el usuario que logueo?

    • @juliantrujillo1891
      @juliantrujillo1891 2 года назад

      En la documentación hay una sección que se llama "persistencia del estado de auth", creo que puede servirte

    • @leonardoplaza7677
      @leonardoplaza7677 2 года назад

      `useEffect(() => {
      const unsubscribe = onAuthStateChanged(auth, (user) => {
      setCurrentUser(user)
      setLoading(false)
      })
      return unsubscribe
      }, [])`

  • @omarsosa.x4568
    @omarsosa.x4568 2 года назад

    fazt , como te verificaste en Firebase ?
    no me deja ver los email cuando inicio por google :(

    • @FaztCode
      @FaztCode  2 года назад +1

      No recuerdo que pidiera verificacion, quizas es una actualizacion, en todo caso te puedes verificar colocando una tarjeta de credito

    • @omarsosa.x4568
      @omarsosa.x4568 2 года назад

      @@FaztCode logre solucionar, el problema era que tenia la opcion de multiples cuentas con un solo usuario , y parece que a Google no le gustaba eso xd
      TY

  • @AnibalGutierrezYoSoy
    @AnibalGutierrezYoSoy 2 года назад

    Que te costaba poner la imagen FAST!!?!?!?!?!?!?

  • @code_castle
    @code_castle 2 года назад

    Fazt, pa cuando hablaras de Antd? 🤨

  • @MegaHaker3000
    @MegaHaker3000 2 года назад

    fazt hola! ¿podrías realizar un video realizando una app móvil con alguna base de datos local ? por favor!!

    • @FaztCode
      @FaztCode  2 года назад +1

      Buena idea voy a hacer un ejemplo de aplicaciones móviles con bases de datos como sqlite3

  • @mato14
    @mato14 2 года назад

    buenas, una pregunta, como puedo conectar las cuentas de auth con firestore?

    • @FaztCode
      @FaztCode  2 года назад +2

      Hola Mato, supongo que a lo que te refieres a como relacionar los datos de un usuario con la sesion de Firebase auth.
      Cuando un usuario se registra este obtiene un ID, por lo que si quieres decir que ese dato le pertenece a ese usuario, guardar la información mas un campo id. de esta forma simple es como lo relacionas