The GitHub repository you provided does not contain the complete code for page.tsx and action.ts as discussed in the video. Could you please upload the full code?
how does conform work with both the onSubmit and action fields? is there some javascript magic under the hood? that doesn't work with other frameworks by default
Jan have you ever tried to add kinde to your projects? I think it is useful and easy, if you can can you explain it, I can understand more from you than other professionals
Hello, thank you for your video, it helped me, but I have a question, how should I keep the state for long form operations? I am not sure if there is a variable I can listen to here.
What I mean is that after the form is submitted, actions.ts takes about 3-4 seconds. Because of this, the user does not feel as if the form has been submitted. Is there any way to do it without waiting for the submission response to the user?
this does not work in my project. I get this error TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_4__.useActionState) is not a function or its return value is not iterable
This error appears due to nextjs version. If you have version "14.2.13" or lower like me, support for useActionState is not yet available. This can be fixed (at least temporarily) by using the useFormState hook. It can also be solved by updating to a "beta" version of Nextjs (I have not tested this last option).
react-hook-form is a client side form validation library. But server actions are publicly available. That means if a malicious user attacks your website, he still could make a post request without doing any validation. To circumstance this you would have to do manual validation on the server side, but in my opinion this DX is not great and that's why I like conform since it makes life 10x easier...
I would use an external service for that, since it's not easy to build such a security layer yourself. A service I recently saw which looks cool: arcjet.com/ (Note I am NOT affiliated with them, its just a service which looks cool I guess)
react-hook-form is a client side form validation library. But server actions are publicly available. That means if a malicious user attacks your website, he still could make a post request without doing any validation. To circumstance this you would have to do manual validation on the server side, but in my opinion this DX is not great and that's why I like conform since it makes life 10x easier...
Your tutorials are always so helpful, God bless you
I kept hearing good things about Conform for some time but this video will definitely make me switch. Thanks for the well structured video!
Thanks a ton.. This is a best way to validate a form I have ever seen.. Simple and secure.. Keep doing the good work.
The GitHub repository you provided does not contain the complete code for page.tsx and action.ts as discussed in the video. Could you please upload the full code?
waaah! thanks a lot!
looks super ez
how does conform work with both the onSubmit and action fields? is there some javascript magic under the hood? that doesn't work with other frameworks by default
greate tutorial men, I was having some problems integrating conform on the client side, but mostly the problems where the cached values.
Thanks you ❤
Just please tell me what is the name of the theme you are using in vscode?
🎉🎉
Jan have you ever tried to add kinde to your projects? I think it is useful and easy, if you can can you explain it, I can understand more from you than other professionals
It works well but I have a question. How can I return an error from server such as Email already in use and show it on the client side?
did you manage to get that done? Damn! there's no proper guide for this lib.
@@OnlyJavascript I ended up using react-hook-form :(
@ dude.. check his other videos. he explained it very well. he is using this lib in all his projects.
@@OnlyJavascript Can you tell me which one?
its hard find atual content for nextjs 15 and react 19, thanks
Hello, thank you for your video, it helped me, but I have a question, how should I keep the state for long form operations? I am not sure if there is a variable I can listen to here.
What I mean is that after the form is submitted, actions.ts takes about 3-4 seconds. Because of this, the user does not feel as if the form has been submitted. Is there any way to do it without waiting for the submission response to the user?
that looks cool how bout resetting? I'm intrigued to try it
this does not work in my project. I get this error TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_4__.useActionState) is not a function or its return value is not iterable
Is your from marked as use client? is your actions file marked as use server? do you have anything other imported?
This error appears due to nextjs version. If you have version "14.2.13" or lower like me, support for useActionState is not yet available. This can be fixed (at least temporarily) by using the useFormState hook. It can also be solved by updating to a "beta" version of Nextjs (I have not tested this last option).
hows it differ from react hook form?
react-hook-form is a client side form validation library. But server actions are publicly available. That means if a malicious user attacks your website, he still could make a post request without doing any validation. To circumstance this you would have to do manual validation on the server side, but in my opinion this DX is not great and that's why I like conform since it makes life 10x easier...
Great video. If we want to ensure that emails are unique, how can we do this?
I would use an external service for that, since it's not easy to build such a security layer yourself. A service I recently saw which looks cool: arcjet.com/ (Note I am NOT affiliated with them, its just a service which looks cool I guess)
Awesome. Do you plan on releasing repo on the zod and conform source code?
Sure forgot about it 🤣. Will add it later today, due to having a lot of things to do right now... Check the TH-cam description in about 6 hours or so
@@janmarshalcoding 😀
I want to learn skills you have
How much time require❓❓
Couple of years 😂🚀
Great video but it would be better if you use react hook form. ✌️
react-hook-form is a client side form validation library. But server actions are publicly available. That means if a malicious user attacks your website, he still could make a post request without doing any validation. To circumstance this you would have to do manual validation on the server side, but in my opinion this DX is not great and that's why I like conform since it makes life 10x easier...
Using react hook form with server actions and zod on the client & server is doable but annoying, this is the way to do it. Really good video
waaah! thanks a lot!
looks super ez