React Forms with Formik, Yup, and Material UI

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

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

  • @lucasmunaro1093
    @lucasmunaro1093 Год назад +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 Год назад

    Thanks

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

    nice!!

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

    Hoping you to make a few more in future.

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

    Thank you, this video really helped

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

    i love you

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

    Thank you.

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

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

  • @sarahodiavbara5009
    @sarahodiavbara5009 3 года назад

    Nice video 👍

  • @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.

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

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

  • @sebastianhondarzagonzalez3459
    @sebastianhondarzagonzalez3459 3 года назад

    What is the vscode theme ? :D