Learn SvelteKit Hooks Through 6 Examples

[@JoyofCodeDev]

💬 Discord: discord.gg/k6ZpwAKwwZ

[@TelefonSquid]

this man right here single-handedly raising a generation of new sveltekit developers! love your content

[@Huntabyte]

Fantastic video per usual! That FormData idea is next-level!

[@enrique-casillas]

Damn glad to see you here, you two have literally carried my svelte projects 😆

[@sebastianmorales9876]

Both you and joy of code should do a collab project, I would love to see that

[@kyouma7067]

Both of you have amazing content

[@luka4535]

Ngl uopce nisam ocekivao da si Hrvat. Inace odlicni videi. 💯

[@JoyofCodeDev]

Hvala! 😀

[@wearesherlocked]

You're a godsend and my go to resource for Svelte. Thank you for covering it and hope you get sponsorship etc. so that you can earn as well. 🙌

[@JoyofCodeDev]

Thank you! 😄

[@LargatSeifeddine]

Big thanks for the quality of the informations that you're providing ! Great content! ( i've just discovered your channel but it's still relevant ! )

[@artneo7]

Such an awesome tutorial! Thank you so much! Great content! 😄

[@maskman4821]

This is a very useful and helpful lesson, learning how to use hooks file is essential for developing Sveltekit application, thank you 🤗😎😘🙏😌

[@-kestrel00]

thank you i didn't know about the & for changing the value type to boolean for the html forms. thanks!

[@JoyofCodeDev]

That's only because of the library I'm using because it parses the form data for you.

[@leboyoyo]

How Awesome is this!

[@amorfati8277]

Amazing video as always. You never miss 🔥🔥

[@kickbu2towski]

came for the thumbnail, stayed for the top-notch content

[@JoyofCodeDev]

So it does work! 😄

[@fazex4185]

Wake up, babe, a joy of Code video just dropped

[@rahulxcr]

Great tutorial. Thanks.

[@blokche_dev]

Super useful! Thanks for sharing.

[@JoyofCodeDev]

You're welcome! 😄

[@aibookclub-g2r]

Nice explanation..well done.

[@singha360]

Thumbnail game on point 😤

[@RazvanBunea]

Great video as usually. Little remark in your fetch exemple. Replacing ‘http’ with ‘https’ will lead to an error if it’s already https, will result in ‘httpss’. Isn’t better use `replace(‘http:’, ‘https:’)`?

[@JoyofCodeDev]

Thank you! 😄 If anyone wants to update the post I would love to accept the changes.

[@kvetoslavnovak423]

Mind blowing 🤯🤩

[@twd2]

you have covered everything

[@JoyofCodeDev]

Almost! 😄

[@ricardoreix]

Awesome, as usual 👌

[@_danisson]

Great video man, some of what you show is not that clear in the documentation. Thank you

[@sharia.design]

How you do corner radius on different windows? browser, vs. or its is video edited ?

[@bobbymannino]

Love all your videos, can your next one be on creating an ISR blog with vercel! Would be super useful ❤

[@JoyofCodeDev]

That would be cool! 😄

[@Dreez]

Do have your vscode config with font-style, etc in a gist or something? Would be interested. Btw nice video

[@QuintenCoret]

+1! Especially interested in the iconset you're using.

[@JoyofCodeDev]

I don't but I could make a video on the setup I'm using.

[@Dreez]

@@JoyofCodeDevWould be great if you would be able to do this! 😁

[@rogerpence]

If you're leaving page hydration in place, you also need to do the HTML transform in hooks.ts too, corrrect?

[@JoyofCodeDev]

If you need to transform HTML before the page is rendered that's how you do it.

[@denkstdu1884]

Great video, but there should be one problem with the replacement of http to https. If I have a fetch wich is already using https this would be replaced to httpss, wouldn't it?

[@JoyofCodeDev]

Yeah! 😄

[@soushi8885]

For the html attribut lang="%lang", it works on Firefox, but on chromium browser, it seem to be hardcoded in "en" by the browser. Do you now if we can correct it ? Very nice tutorial by the way !

[@JoyofCodeDev]

I used a Chromium browser, so not sure.

[@benny-shen]

The parseFormData requires remix be installed?

[@JoyofCodeDev]

If you're using `pnpm` it doesn't automatically install peer dependencies, so you have to install `@remix-run/web-file`.

[@rotrooney]

Do you know what the client hook can be used for apart from HandleError? Even Svelte documents don't go through it properly.

[@JoyofCodeDev]

That's the only one.

[@alexvass]

Thanks

[@JoyofCodeDev]

Thank you! 🙏

[@nanashi7726]

amazing

[@mikesantiago_]

But what about the OPTIONS method not allowed error when on CORS? I keep getting that and can't move on with the new sveltekit (1.x.x) but in the old version prior to that, I don't get the error.

[@JoyofCodeDev]

You can get help on Discord: joyofcode.xyz/invite.

[@JoyofCodeDev]

@@mikesantiago_ I'm not sure why that is because you should be able to.

[@arunkumarTdr]

Please post a video on how to deploy sveltekit with node-adapter in shared hosting that supports nodejs (in my case : a2hosting - turbo plan ).

[@JoyofCodeDev]

The next video is on deployment! 😄

[@arunkumarTdr]

@@JoyofCodeDev if possible please do it in a shared hosting environment with cpanel , its very Important for me , tried deploying and failed many times.

[@waffle-codes-js]

whats your code theme? I like it :)

[@JoyofCodeDev]

You can find a link to what I use in the description.

[@pickavana8056]

Do you offer a svelekit training course?

[@JoyofCodeDev]

I plan on making one in the future! 😄

[@pickavana8056]

@@JoyofCodeDev Look forward to it.

[@jeremiah2562]

Devops for sveltekit with prisma please 🙏🙏🙏

[@arunkumarTdr]

what's the snippet extention You are using ?

[@JoyofCodeDev]

You can make snippets in VS Code without an extension but I use Easy Snippet to make it easier.

[@ROX2]

did you know that hooks don 't work in sveltekit with static-adapter ?

[@ABsazerNer]

that's really wonderful, but your video makes me more confusing when should i use hooks and when shouldn't

[@JoyofCodeDev]

You don't have to think about it until you need it because there's no alternative to what you can do with hooks.

[@twd2]

😍😍😍😍😍

[@HisSonsMusic]

anyone else getting "Property 'user' does not exist on type 'Locals'"?

[@JoyofCodeDev]

You need to add types inside `app.d.ts`.