Тёмный

Learn SvelteKit Hooks Through 6 Examples 

Joy of Code
Подписаться 31 тыс.
Просмотров 20 тыс.
50% 1

Опубликовано:

 

16 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 75   
@JoyofCodeDev
@JoyofCodeDev Год назад
💬 Discord: discord.gg/k6ZpwAKwwZ
@TelefonSquid
@TelefonSquid Год назад
this man right here single-handedly raising a generation of new sveltekit developers! love your content
@Huntabyte
@Huntabyte Год назад
Fantastic video per usual! That FormData idea is next-level!
@enrique-casillas
@enrique-casillas Год назад
Damn glad to see you here, you two have literally carried my svelte projects 😆
@sebastianmorales9876
@sebastianmorales9876 Год назад
Both you and joy of code should do a collab project, I would love to see that
@kyouma7067
@kyouma7067 Год назад
Both of you have amazing content
@fazex4185
@fazex4185 Год назад
Wake up, babe, a joy of Code video just dropped
@supermilkdaddy
@supermilkdaddy Год назад
Amazing! So much packed into this short tutorial. I`ll be implementing the error handling and performance measuring asap!
@JoyofCodeDev
@JoyofCodeDev Год назад
There's a great video from Huntabyte on error handling: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-UJ3JtNIifR8.html.
@supermilkdaddy
@supermilkdaddy Год назад
@@JoyofCodeDev Yes, it's great and has a nice explanation of error boundaries. Thanks for the suggestion!
@LargatSeifeddine
@LargatSeifeddine 8 месяцев назад
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 ! )
@amorfati8277
@amorfati8277 Год назад
Amazing video as always. You never miss 🔥🔥
@leboyoyo
@leboyoyo Год назад
How Awesome is this!
@wearesherlocked
@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
@JoyofCodeDev Год назад
Thank you! 😄
@maskman4821
@maskman4821 Год назад
This is a very useful and helpful lesson, learning how to use hooks file is essential for developing Sveltekit application, thank you 🤗😎😘🙏😌
@artneo7
@artneo7 Год назад
Such an awesome tutorial! Thank you so much! Great content! 😄
@luka4535
@luka4535 Год назад
Ngl uopce nisam ocekivao da si Hrvat. Inace odlicni videi. 💯
@JoyofCodeDev
@JoyofCodeDev Год назад
Hvala! 😀
@-kestrel00
@-kestrel00 Год назад
thank you i didn't know about the & for changing the value type to boolean for the html forms. thanks!
@JoyofCodeDev
@JoyofCodeDev Год назад
That's only because of the library I'm using because it parses the form data for you.
@rahulxcr
@rahulxcr Год назад
Great tutorial. Thanks.
@blokche_dev
@blokche_dev Год назад
Super useful! Thanks for sharing.
@JoyofCodeDev
@JoyofCodeDev Год назад
You're welcome! 😄
@ajaysdigitalart3320
@ajaysdigitalart3320 Год назад
Nice explanation..well done.
@kickbu2towski
@kickbu2towski Год назад
came for the thumbnail, stayed for the top-notch content
@JoyofCodeDev
@JoyofCodeDev Год назад
So it does work! 😄
@RazvanBunea
@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
@JoyofCodeDev Год назад
Thank you! 😄 If anyone wants to update the post I would love to accept the changes.
@kvetoslavnovak423
@kvetoslavnovak423 Год назад
Mind blowing 🤯🤩
@nanashi7726
@nanashi7726 Год назад
amazing
@bobbymannino
@bobbymannino Год назад
Love all your videos, can your next one be on creating an ISR blog with vercel! Would be super useful ❤
@JoyofCodeDev
@JoyofCodeDev Год назад
That would be cool! 😄
@ricardoreix
@ricardoreix Год назад
Awesome, as usual 👌
@alexvass
@alexvass Год назад
Thanks
@JoyofCodeDev
@JoyofCodeDev Год назад
Thank you! 🙏
@twd2
@twd2 Год назад
you have covered everything
@JoyofCodeDev
@JoyofCodeDev Год назад
Almost! 😄
@singha360
@singha360 Год назад
Thumbnail game on point 😤
@Dreez
@Dreez Год назад
Do have your vscode config with font-style, etc in a gist or something? Would be interested. Btw nice video
@QuintenCoret
@QuintenCoret Год назад
+1! Especially interested in the iconset you're using.
@JoyofCodeDev
@JoyofCodeDev Год назад
I don't but I could make a video on the setup I'm using.
@Dreez
@Dreez Год назад
@@JoyofCodeDevWould be great if you would be able to do this! 😁
@denkstdu1884
@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
@JoyofCodeDev Год назад
Yeah! 😄
@_danisson
@_danisson Год назад
Great video man, some of what you show is not that clear in the documentation. Thank you
@rogerpence
@rogerpence Год назад
If you're leaving page hydration in place, you also need to do the HTML transform in hooks.ts too, corrrect?
@JoyofCodeDev
@JoyofCodeDev Год назад
If you need to transform HTML before the page is rendered that's how you do it.
@benny-shen
@benny-shen Год назад
The parseFormData requires remix be installed?
@JoyofCodeDev
@JoyofCodeDev Год назад
If you're using `pnpm` it doesn't automatically install peer dependencies, so you have to install `@remix-run/web-file`.
@jeremiah2562
@jeremiah2562 Год назад
Devops for sveltekit with prisma please 🙏🙏🙏
@rotrooney
@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
@JoyofCodeDev Год назад
That's the only one.
@arunkumarTdr
@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
@JoyofCodeDev Год назад
The next video is on deployment! 😄
@arunkumarTdr
@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.
@soushi8885
@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
@JoyofCodeDev Год назад
I used a Chromium browser, so not sure.
@mikesantiago_
@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
@JoyofCodeDev Год назад
You can get help on Discord: joyofcode.xyz/invite.
@JoyofCodeDev
@JoyofCodeDev Год назад
@@mikesantiago_ I'm not sure why that is because you should be able to.
@ROX2
@ROX2 Год назад
did you know that hooks don 't work in sveltekit with static-adapter ?
@arunkumarTdr
@arunkumarTdr Год назад
what's the snippet extention You are using ?
@JoyofCodeDev
@JoyofCodeDev Год назад
You can make snippets in VS Code without an extension but I use Easy Snippet to make it easier.
@waffle-codes-js
@waffle-codes-js Год назад
whats your code theme? I like it :)
@JoyofCodeDev
@JoyofCodeDev Год назад
You can find a link to what I use in the description.
@pickavana8056
@pickavana8056 Год назад
Do you offer a svelekit training course?
@JoyofCodeDev
@JoyofCodeDev Год назад
I plan on making one in the future! 😄
@pickavana8056
@pickavana8056 Год назад
@@JoyofCodeDev Look forward to it.
@twd2
@twd2 Год назад
😍😍😍😍😍
@ABsazerNer
@ABsazerNer Год назад
that's really wonderful, but your video makes me more confusing when should i use hooks and when shouldn't
@JoyofCodeDev
@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.
@HisSonsMusic
@HisSonsMusic Год назад
anyone else getting "Property 'user' does not exist on type 'Locals'"?
@JoyofCodeDev
@JoyofCodeDev Год назад
You need to add types inside `app.d.ts`.
Далее
Deploy Your SvelteKit App Using Vercel And Supabase
30:37
How To Connect to MongoDB in Svelte Kit
27:41
Просмотров 14 тыс.
Understand How Data Flows Through SvelteKit
25:59
Просмотров 18 тыс.
Svelte 5's Secret Weapon: Classes + Context
18:14
Просмотров 20 тыс.
Using The Svelte Context API With Stores
10:17
Просмотров 13 тыс.
Protect routes in SvetleKit
11:40
Просмотров 2,5 тыс.
Beginner SvelteKit: Stores
8:20
Просмотров 9 тыс.
Better Protected Route Redirects
7:58
Просмотров 27 тыс.