Formik with Material UI Tutorial - Create Beautiful React Forms

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

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

  • @AngleCoding
    @AngleCoding  4 года назад +10

    Please stay tuned for the upcoming COMPREHENSIVE tutorial on Formik + Yup validation! It will use the components that we build here, so if you follow along the whole tutorial, you will get a head start!

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

    Great video Justin, I think this is massively underrated. I do have a suggestion to fix that, you might get lots of more views if you make a smaller and straightforward version of this 5-7 min maybe? I am guessing lots of people did not see this just because of the length. Also putting typescript in the title might work I often have to see plain js solutions and adapt to typescript, this video saved me a lot of hassle. Keep up the good work!

  • @Elator11777
    @Elator11777 4 года назад +1

    Thanks for the wonderful work, out of all the videos on RUclips, yours is the best explanation, I like the way you show the documentation and explain how we should use and navigate it.

  • @hs7160
    @hs7160 4 года назад +1

    Thanks for the great tutorial. Now many of Formik, React and Material-ui mysteries are much clearer for me. It is really helpful.

  • @user-dh4py6qj2h
    @user-dh4py6qj2h 2 года назад

    Thanks for the video. It was very helpful!!!

  • @attamjotsinghkhurana4473
    @attamjotsinghkhurana4473 4 года назад

    Informative and clean explanation. Thumbs up 👍👍

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

    Absolutely fantastic tutorial! Exactly what I needed to progress my project!!!

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

    thanks man great turtorials

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

    I am more than impressed !!!
    Thank you very much for this extremely helpful tutorial
    I learn a lot from that :-)

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

    thank you for this tutorial. Can you do a Formik FormArray component example

  • @Gabriel-cd5jx
    @Gabriel-cd5jx 4 года назад

    Great! Would be even better if you showed how to redirect to a different route when submited and change the color of the input border and text under to red when invalid. But was very helpfull!

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

    Fantastic tutorial. Really insightful

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

    I'm getting this error in console from FormikSelect: "findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. ....." It's because of the tags in index.js file. But how can i fix it without removing tags?

  • @aleksandarhristov2918
    @aleksandarhristov2918 4 года назад

    Very well explained! Thank you mate!

  • @leamon9024
    @leamon9024 4 года назад

    Thanks for making this tutorial. It really helps a lot.

  • @axedyson
    @axedyson 4 года назад

    You could also use formik-material-ui for making it easier connecting material-ui form components with formik!

    • @AngleCoding
      @AngleCoding  4 года назад +1

      Wow I never knew one existed. Thanks for the info!

  • @pranzzzz720
    @pranzzzz720 4 года назад

    You are a lifesaver !! Thank you so much. but "findDOMNode is deprecated in React StrictMode." I getting this error and I don't want to remove stictmode .Any thoughts on that , Please !

  • @kiliusz
    @kiliusz 4 года назад +1

    great video. Keep it up.

  • @EduardoRibeiro17
    @EduardoRibeiro17 4 года назад

    This is a great video! Congratulations! It's help a lot to me

  • @sergiyrudenko905
    @sergiyrudenko905 4 года назад +1

    Thanks, You helped me a lot!

  • @aarondz789
    @aarondz789 4 года назад

    Hope more ! nice video.

  • @AsifShaikh-pw2dv
    @AsifShaikh-pw2dv 4 года назад

    Very well explained , very nice understandable Video ;)

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

    Hey Justin, Awesome tutorial but with new useFormik hook, we can easily implement materialUI with Formik. So should we use the hook version or make these reusable components?
    Which is better?
    It would mean a lot if you replied.

  • @MarcellStone
    @MarcellStone 4 года назад

    Hi Mate, back again... so how to use that form example with Redux and Redux Saga? Keep good work, Cheers!

    • @AngleCoding
      @AngleCoding  4 года назад

      Marcello Pedrosa I haven’t used Redux Saga, so I can’t comment on that, but what do you mean by redux? Do you mean redux-form? If so, I would, in general, advise against using redux to keep track of your form inputs. You can read more about it on formiks’ official website

  • @rodrigoruiz6999
    @rodrigoruiz6999 4 года назад

    Thanks for the great tutorial.. very clear to me. I tried to do it in jsx ... but I crushed at wall in the select field... Any suggestions.. please... thnks

  • @MarcellStone
    @MarcellStone 4 года назад

    Thank you mate! Amazing tutorial. Really helpfull!!!!!!!!!! Cheers!

  • @AsifShaikh-pw2dv
    @AsifShaikh-pw2dv 4 года назад

    This video makes my whole project :) Thanks Justin u save my Ass from Fire.

  • @muratyavuz8144
    @muratyavuz8144 4 года назад

    Thats awesome tutorial thanks man

  • @ricardobachillercruz3777
    @ricardobachillercruz3777 4 года назад

    Thanks bro, it is great tutorial.

  • @tootituu
    @tootituu 4 года назад

    Thank you. Very helpful!

  • @mauroinde
    @mauroinde 4 года назад

    Hey, Is it possible to use Yup, or any react validator for a Form. Without using Formik. I prefer managing my local state with useState.
    How can I do it?

  • @ravikanth783
    @ravikanth783 4 года назад

    Iam using useForm(react hook form) with material UI,... how do I get values like input select radio and datepicker values

  • @talithamad
    @talithamad 4 года назад

    Thanks very much!! Helped me a lot!

  • @tootituu
    @tootituu 4 года назад

    1000 kudos!

  • @jeromealtariba7339
    @jeromealtariba7339 4 года назад

    very good

  • @kongchingshien3028
    @kongchingshien3028 4 года назад

    May i know how to connect KeyboardDatePicker with formik?

  • @wriozumi
    @wriozumi 4 года назад

    Cool, show us advanced ones, pls.

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

    How to connect to database

  • @udev6707
    @udev6707 4 года назад

    Man I feel very bad for you. You are providing very very cool stuff and you have almost no subscribers. You know I hated React, but when i viewed this tuto I am in love with Formik. Man Thanks. You made my day!!! :)

  • @lovyjain18
    @lovyjain18 4 года назад

    Thanks for the tutorial !! Really helpfull