I'm late to the party on this, but this is so damn powerful! i'm right in the middle of form creation and have been writing custom hooks and validation and i'm 100% switching to this. So many out of the box features i haven't had a chance to implement yet. Thank you!
Thanks for the video and this great lib. The DX is more enjoyable than the one with Formik. Both libs are great, but yours allows to be up and running way faster.
It definitely seems to be very good library. It will make our development easier, after some experience on Formik. However the video is not that comfortable to watch because of the sounds when typing on the keyboard. Hope the other tuts videos are smoother
Can we do onChange validations , example -> firstname is required , if I type "a" in firstname and then hit backspace then errorMessage should be there instantaneously?
If possible please make a video on how to use libraries such as yup and more advanced libraries. Because most of the other resources out there are old and don't work as expected.
thanks for this! do you need to have a form though? Can you just have inputs and a button and do the same thing? Like a button with an onClick that react hook form calls with the data? Or does it have to be a form with onSubmit ?
Hello, man. I'm really interested in creating hooks with react myself. Did it take you long time to develop such library? Btw, thanks a lot for it! It really is helpful and makes form developing much much easier!
Hey Bill, I am having an issue when trying to use RHF with material UI chekbox, This is my code : Even after it is checked I am getting rememberMe=" " instead of true or false.
It really depends... I would use hook form for any forms, but I am biased. If your form is really simple, use useState otherwise learning hook form is worth a while.
@@bluebill1049 Thanks so much! already converted some of my forms to this. But, I ran into a problem when I had to return a nested object from the form. 😭
help me. i wtach this video and i got error when im trying make error handling for age. this is my code maybe same as this video Age:
{errors?.age && {errors?.age?.message}} //message in get error the error said Property 'message' does not exist on type '{ toString?: {} | undefined; toFixed?: {} | undefined; toExponential?: {} | undefined; toPrecision?: {} | undefined; valueOf?: {} | undefined; toLocaleString?: {} | undefined; }'.ts(2339) i dont understand why, but when im running app. its working well.
@@bluebill1049 Its not array of array but nesting conditional that is an issue. I will share full code with bug report. And thanks for the value as number and date trick. I didn't know that.
I have two code sandboxes with 2 level nested array in a discussion with Bill under github.com/react-hook-form/react-hook-form/discussions/4515 . I don't know where you got stuck, but when you provide a CSB I can have a look at our differences.
@@bluebill1049 Unfortunately above CSB runs with v6. Updating to v7-RC8 breaks things with: "TypeError: path.split is not a function". Has old syntax as input attribute -> ref={register} -> Correct now for v7rc8: codesandbox.io/s/react-hook-form-useform-template-forked-05ocy?file=/src/index.js
@@bluebill1049 aha!! In that case definitely yes! One LAST thought if you want to keep costs down (like I say the mic is fine for your voice), a cheap external keyboard for like $20
very straightforward. finally, I escaped from Formik
My mind was blown when I saw how often it re-renders.
Thanks, Kai. Yes, you can subscribe to individual formState with v7. 💪🏻 Thank you for your support over the years.
@@bluebill1049 sure man, thank YOU for the aswesome library
I'm late to the party on this, but this is so damn powerful! i'm right in the middle of form creation and have been writing custom hooks and validation and i'm 100% switching to this. So many out of the box features i haven't had a chance to implement yet. Thank you!
You are most welcome!
Thank you very much Bill. It seems you don’t need much sleep. Your work for the community is awesome.
Thanks, buddy, I try my best and this is probably going to be my last open-source project so I want this to be the best.
@@bluebill1049 May I ask why? It's sad to see somebody brilliant like you leave the open source community :(
@@bluebill1049 you are doing a great work, thanks!
@@luaneaquino7835 Thank you very much, Luane.
@@nearhuscarl386 Don't worry, I am still going strong to support and maintain this library. I just probably will only focus on this one.
This is great!
Top in class dev experience with an amazing form at the end
Thank you! Much love!
Amazing to hear! Thank you.
Thanks man. Perfect explanation to upgrade to V7 and how to use validation
Thank you.
@@bluebill1049 yeah
@@kehindesalaudeen9241 Thank you
Amazing, so powerful it helps a lot with the form validation and subscription of fields are very handy!
Awesome to hear!
@@bluebill1049 well done!
Wow, this library is gonna save a load of my time. What a great tool!
Amazing to hear!
Glad you use TS. thank you.
and the last word I want to say this video so amazing. please release part 2.
Thank you, Tai. Once the lib's maintenance is slows down a bit, I will make more videos!
Simple yet powerful!
Thank you :P mate ~
Thank you sir for you explanation, you are the reason why I can solve my problems with RHF at my job )))
a pleasure to hear mate.
I hope one day I can be a useful person like you bil.
Yes, you will. I am just an ordinary individual like yourself. In fact, we also share a comment attribute: kind heart.
I barely subscribe but when I do , that guy is awesome . Thanks for teaching me !
Thank you very much for the support!
Appolgize for the keyboard noise. I am planing to redo this video.
I actually liked it. Keyboard sound == feeling at home :)
This was really helpful. Thanks a lot.
You are welcome.
RHF is a great project, especially with so many CSB examples! Great job! Thank you!
That's awesome to hear!
Thanks for the video and this great lib. The DX is more enjoyable than the one with Formik. Both libs are great, but yours allows to be up and running way faster.
Awesome to hear!
Good job man!
Thanks for that overview!
Thank you!
Thank you, nice explanation 👍
Welcome.
Great job guy🏆
❤
thank you.
Great tutorial.
Thank you so much, Bill.
You are most welcome, Yiannis.
really helpful sir...
Most welcome.
Thank you.
Nice showcase!
Awesome to hear, glad you like it.
This is Lovely. simple and powerful. Thanks a lot :)
Thank you.
Thank you for this amazing library!
You are welcome.
much helpful thank u so much
welcome!
You are the best bro! Thanks for your explanation :3
You are most welcome.
Great work! Thanks a lot!
You are welcome!
Thank you for this!
Welcome!
thanks a lot!
You are welcome.
this is amazing, simple and powerfull!
Awesome to hear! yes!
valueAsNumber..... 🤯
tutorials with typescript are needed!
this is amazing, thank you 😮😮
you are welcome! awesome to hear.
It definitely seems to be very good library. It will make our development easier, after some experience on Formik.
However the video is not that comfortable to watch because of the sounds when typing on the keyboard. Hope the other tuts videos are smoother
Thanks for the feedback. I am not a professional UA-camr, my focus will remain on the lib itself, but if I make another video, this will be noted.
Please share how to load data in edit operation.
form validation in react hook form v7 using Material ui textfield components, please make tutorial on this
thanks this was legit
Can we do onChange validations , example -> firstname is required , if I type "a" in firstname and then hit backspace then errorMessage should be there instantaneously?
Useful, thank you. Have you got a video of this using Yup for form validation (e.g. for an email field)?
You are welcome.
If possible please make a video on how to use libraries such as yup and more advanced libraries. Because most of the other resources out there are old and don't work as expected.
thanks for this! do you need to have a form though? Can you just have inputs and a button and do the same thing? Like a button with an onClick that react hook form calls with the data? Or does it have to be a form with onSubmit ?
I already using hook form and I love it, but what the new in v7?
V7 is a huge jump in terms of Typescript support, performance, and better shcmea support. There are heaps of improvement overall.
forgot one thing important which we worked very hard for. package reduced another 13% percentage. it's even smaller now. 💪🏻
@@bluebill1049 wonderful👍👍
Multi-select text input with react-select without typescript. Please
Great work! How would you integrate with file inputs and Material-UI buttons?
How to set back form values to null once we submit it????
mindblowing👌
thank you man
Welcome.
Hello, man. I'm really interested in creating hooks with react myself. Did it take you long time to develop such library?
Btw, thanks a lot for it! It really is helpful and makes form developing much much easier!
how to customize the 'border' color when the field is selected
I am submitting an API with react hook form,but the data fields are taken for the second time not the first time in handleSubmit(onSubmit())
Please cancel noise of keyboard
This video is Amazing.
For checkbox I want to submit a value instead of false when it is unchecked.How can we do that?
I would build a controlled component and wrapped with `Controller`.
maxLength and minLength are not functioning in input as number type
They are not meant to be used for number, min and max is what you after.
Hey Bill, I am having an issue when trying to use RHF with material UI chekbox, This is my code :
Even after it is checked I am getting rememberMe=" " instead of true or false.
Do you want to share a simple codesandbox and ask this question at github discussion?
how to get data CustomInput ı cannot get data say undefıned
please use a microphone disconnected from your keyboard next time
Just a question: is it better to use hook forms than react hooks(use States) when passing data to restful apis using axios.
It really depends... I would use hook form for any forms, but I am biased. If your form is really simple, use useState otherwise learning hook form is worth a while.
@@bluebill1049 Thanks so much! already converted some of my forms to this. But, I ran into a problem when I had to return a nested object from the form. 😭
@@jeromeabril5001 name="yourDetails.firstName" ? something that like that will return an object.
@@bluebill1049 i need an object that is nested though... like {name:jerome , loans:{ loan:1 , loan:2}}
@@bluebill1049 OMG i solved it, didn't know that it had to be a string. thanks so much for the help!
help me. i wtach this video and i got error when im trying make error handling for age. this is my code maybe same as this video
Age:
{errors?.age && {errors?.age?.message}} //message in get error
the error said
Property 'message' does not exist on type '{ toString?: {} | undefined; toFixed?: {} | undefined; toExponential?: {} | undefined; toPrecision?: {} | undefined; valueOf?: {} | undefined; toLocaleString?: {} | undefined; }'.ts(2339)
i dont understand why, but when im running app. its working well.
would you like to send a question at Github discussion with a codesandbox? it should be something minor to fix.
Awesome tutorial, but the typing sound is really annoying
Thanks for the feedback, will try to avoid that with other videos.
let me ask how to upload file??
Bill I got array field and inside I have 2 level nested conditional. 1st level works but 2nd doesn't work. Maybe v7 will fix it.
check this folder: github.com/react-hook-form/react-hook-form/tree/master/examples and search array of array.
@@bluebill1049 Its not array of array but nesting conditional that is an issue. I will share full code with bug report. And thanks for the value as number and date trick. I didn't know that.
I have two code sandboxes with 2 level nested array in a discussion with Bill under github.com/react-hook-form/react-hook-form/discussions/4515 . I don't know where you got stuck, but when you provide a CSB I can have a look at our differences.
@@RealEstate3D Thank you for your help. The issue has been answered in Github: github.com/react-hook-form/react-hook-form/issues/4545
@@bluebill1049 Unfortunately above CSB runs with v6. Updating to v7-RC8 breaks things with: "TypeError: path.split is not a function". Has old syntax as input attribute -> ref={register} -> Correct now for v7rc8: codesandbox.io/s/react-hook-form-useform-template-forked-05ocy?file=/src/index.js
Nice one - keyboard WAY too loud!
Will get a proper mic next video.
@@bluebill1049 a quieter keyboard. Your audio for yourself is fine.
@@judgewest2000 because i don't have mic and that's why you are hearing the keyboard (MacBook, type and as i speak)
@@bluebill1049 aha!! In that case definitely yes!
One LAST thought if you want to keep costs down (like I say the mic is fine for your voice), a cheap external keyboard for like $20
Using some blue switches there aren't you? 😅
Love the tutorial. HATE ya keyboard!!
I honestly think that the v6 was easier to use :(
This is making me sad...
keep use v6, it's still maintained.
the keyboard sounds are annoying lol.