Improve the UX AND DX of your SvelteKit forms SUPER EASY!

I have been wanting to do this one for a awhile. It always driven me crazy having a form continue to yell at me when I am correcting the problem the form has identified. I show how to not do that to someone else here! I first cover the usual way of doing things, then I show how to improve it with lifecycle methods, and finally how to improve once more using a svelte on directive! I hope you find this helpful!

My channel membership is live check it out here!:

Membership perk video:

Check out my channel @ConsultingNinja for more videos like these.

Source code here:

00:00 - Intro
02:18 - Basic form UX
11:52 - Improved UX, but poor DX
19:23 - Best UX AND DX!

[deephousefridays]

Thanks for the video! Good explanation and way of presenting.

[m]

Good stuff... But if the user doesn't actually mod the data it'd be more complete if the error is set back to true when the email box loses focus perhaps...

[scott_itall]

A video around Toasts and other reactive alerts when performing actions on a page would be great to see.

[khs]

good! The previous videos were also very helpful.

[hastingskondwani]

great vid, can you please do a file upload video with pocketbase and sveltekit?