React Forms with Formik, Yup, and Material UI

Поділитися
Вставка
  • Опубліковано 4 гру 2024

КОМЕНТАРІ • 27

  • @lucasmunaro1093
    @lucasmunaro1093 2 роки тому +2

    Hi,
    Thanks for tutorial. Know you help peoples on the all world! I'm from brazil and very content with your video.

  • @antonio_cds
    @antonio_cds 3 роки тому +2

    Vlw, Chris, forte abraço from Brasil!

  • @krishtheindian
    @krishtheindian 3 роки тому

    Simple, Crisp & helpful! Thanks a lot!

  • @whonayem01
    @whonayem01 2 роки тому

    Hoping you to make a few more in future.

  • @deepalakshmip5520
    @deepalakshmip5520 2 роки тому

    How to do the same for MUI-5 autocomplete multiple in React. Please help me

  • @johnconnor9787
    @johnconnor9787 3 роки тому

    Thank you, this video really helped

  • @soltiscd
    @soltiscd 3 роки тому

    Just came across your channel. Good stuff and look forward to more. Can you do some validation such as inviting a new user?

    • @ChrisDeSilva
      @ChrisDeSilva  3 роки тому

      Awesome! For new user validation, are you saying something like if you have an app with users and someone tries to sign up with a username or email that's already been taken?

    • @soltiscd
      @soltiscd 3 роки тому

      @@ChrisDeSilva for example, inviting a new user to to sign up for an account.

    • @ChrisDeSilva
      @ChrisDeSilva  3 роки тому +1

      Thanks for clarifying. I think I can put something together if I'm understanding you correctly. You're thinking a new user signs up with an email address and then a trigger sends an email asking them to sign up?

    • @soltiscd
      @soltiscd 3 роки тому

      @@ChrisDeSilva Exactly! You rock!

  • @sarahodiavbara5009
    @sarahodiavbara5009 3 роки тому

    Hello Chris, how can I do a fetch post on the onsubmt function...I keep getting errors when I want to post form data to an api

    • @ChrisDeSilva
      @ChrisDeSilva  3 роки тому +1

      You should just be able to reference the formik form values and pass them in to your post request inside of the onsubmit. From there, it'll just depend on what errors you're seeing. If something is undefined, it's likely an error in how your form values are being referenced. If it's an error from the API, you'll just need to check the docs and make sure the data is being passed in correctly.

    • @sarahodiavbara5009
      @sarahodiavbara5009 3 роки тому

      @@ChrisDeSilva Tried it and still getting errors, guess I am never gonna get it 😞

  • @oleksandroliinyk7181
    @oleksandroliinyk7181 3 роки тому

    Hi, can you please tell me how to send a form to the database (Mongo DB) using express ?

    • @ChrisDeSilva
      @ChrisDeSilva  3 роки тому +2

      It's probably a bit complex to explain everything here, but it looks like this post should point you in the right direction: medium.com/@rajat_sehgal/create-your-first-react-application-with-express-and-mongodb-e4aa34cacb20. The key points are connecting express to your database, creating a post route in express, and then hitting that endpoint in the submit function. Hope that helps!

  • @aleksandrmatyka3118
    @aleksandrmatyka3118 3 роки тому

    but how your forn work without prevet default

    • @ChrisDeSilva
      @ChrisDeSilva  3 роки тому +1

      The handleSubmit method provided by Formik calls e.preventDefault() so you don't need to write it in your submit function.

  • @mayurghuge8846
    @mayurghuge8846 2 роки тому

    Thank you.

  • @maguinesub
    @maguinesub 2 роки тому

    nice!!

  • @whonayem01
    @whonayem01 2 роки тому

    Thanks

  • @sarahodiavbara5009
    @sarahodiavbara5009 3 роки тому

    Nice video 👍

  • @sebastianhondarzagonzalez3459
    @sebastianhondarzagonzalez3459 3 роки тому

    What is the vscode theme ? :D

  • @MrDamian0303
    @MrDamian0303 2 роки тому

    i love you

  • @danielpreza4159
    @danielpreza4159 2 роки тому

    I don't know why all developer youtubers are afraid of autocomplete an show validation