Formik - Building React Forms easier

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 38

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy  4 місяці тому

    WATCH NEXT: React Interview Questions and Answers - Dominate Your Next Interview - ua-cam.com/video/yQHr4opz_N0/v-deo.htmlsi=51b2XP_84GH3q6oF

  • @predator00071
    @predator00071 Рік тому +2

    Bro, His way of teaching is very didactic. And your video is very short, making it easy to follow. You separated the basics in one video, and more features in others, making it really cool to watch. Thank you!!

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

    Thank you so much for making stuff in soft a lot easier to understand.

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

    So well explained.

  • @megamind770
    @megamind770 Рік тому +1

    You're a life saver!

  • @mrpunch_777_
    @mrpunch_777_ Рік тому

    Good explanation and straight to the point, content was really helpful . By the way, my company is still using formik.

  • @PraveenKumar-ft2kr
    @PraveenKumar-ft2kr Рік тому

    Excellent Video . Thank you :)

  • @zaytungbonn184
    @zaytungbonn184 Рік тому

    it was really really good. thanks a lot

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

    You are creating good content. Could you make video about react tables?

  • @mazingamal3580
    @mazingamal3580 Рік тому

    really thanks u bro , u r amazing .. i think it's better than react hook form and very easy

  • @waleedsharif618
    @waleedsharif618 2 роки тому +1

    Could you make video about react testing using react testing library + jest ?

  • @KhaledABED-m5j
    @KhaledABED-m5j Рік тому

    Very helpful... thank you

  • @blankcheckguy69
    @blankcheckguy69 2 місяці тому

    do you still recommend using this today?

  • @mateusgomes1086
    @mateusgomes1086 2 роки тому +5

    Formik is no longer supported since June 2021. Just use react-hook-form instead.

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

      You are totally right. But there are still lots of companies that use it in production and it is quite stable. And we get new libs that do the same thing too often for my taste :)

    • @ThiagoVieira91
      @ThiagoVieira91 Рік тому +1

      Wow really!? You just made my day. Formik has the same base concepts of Redux-Form, which I'll hate until my death bed.
      Gonna get this lib out of our project today immediately.

  • @tenkkov
    @tenkkov 2 роки тому +4

    dont use formik on production. You will get +100500 rerenders on each onChange

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

      The thing is not in rerenders but how it affects optimization. Many websites use Formik, so I guess everything's okay with that? :)

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

      Formik does no magic. If you write plain form handling you will also get rerender every time. Which is totally fine because it allows you to show validation/etc. If you have other cases you might write it differently. I don't really see a problem.

    • @tenkkov
      @tenkkov 2 роки тому +1

      ​@@grenadier4702 I know a lot of teams that have and are now rewriting all their site forms from Formik to Hook-form. Any idea why they did this?

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

      @@MonsterlessonsAcademy no problem until you have to rewrite the code

    • @grenadier4702
      @grenadier4702 2 роки тому +1

      @@tenkkov Convenience or bad architecture overall, not the problem of Formik

  • @frozen_tortus
    @frozen_tortus 8 місяців тому

    "Best posible way", difficult to take you seriously with statements like that backed by 0 evidence. I was hopping you where going to compare it with some other similar form management solutions, but I was left disappointed. If I where you I would restrain myself from polarizing statements like that esspecially if you don't back them up.

  • @shashankpandey8346
    @shashankpandey8346 9 місяців тому

    I really am confused.
    {formik.errors.email && formik.touched.email && formik.errors.email}
    In this line, I need to write formik.errors.email twice?
    It seemed to work touched & error, but not other way around.
    And is there any hidden catch in touched & errors too?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  9 місяців тому

      You check that you have an error for email and that the field is touched - then you render email error
      {errors.email && touched.email && {errors.email}}