Learn SvelteKit Hooks Through 6 Examples

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024

ความคิดเห็น • 76

  • @JoyofCodeDev
    @JoyofCodeDev  ปีที่แล้ว +7

    💬 Discord: discord.gg/k6ZpwAKwwZ

  • @TelefonSquid
    @TelefonSquid ปีที่แล้ว +19

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

  • @Huntabyte
    @Huntabyte ปีที่แล้ว +47

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

    • @enrique-casillas
      @enrique-casillas ปีที่แล้ว +4

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

    • @sebastianmorales9876
      @sebastianmorales9876 ปีที่แล้ว +4

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

    • @kyouma7067
      @kyouma7067 ปีที่แล้ว +1

      Both of you have amazing content

  • @luka4535
    @luka4535 ปีที่แล้ว

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

  • @wearesherlocked
    @wearesherlocked ปีที่แล้ว +1

    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. 🙌

  • @LargatSeifeddine
    @LargatSeifeddine 9 หลายเดือนก่อน

    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
    @artneo7 ปีที่แล้ว +1

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

  • @amorfati8277
    @amorfati8277 ปีที่แล้ว +1

    Amazing video as always. You never miss 🔥🔥

  • @leboyoyo
    @leboyoyo ปีที่แล้ว +1

    How Awesome is this!

  • @maskman4821
    @maskman4821 ปีที่แล้ว

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

  • @rahulxcr
    @rahulxcr ปีที่แล้ว

    Great tutorial. Thanks.

  • @fazex4185
    @fazex4185 ปีที่แล้ว +3

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

  • @ajaysdigitalart3320
    @ajaysdigitalart3320 ปีที่แล้ว

    Nice explanation..well done.

  • @kickbu2towski
    @kickbu2towski ปีที่แล้ว

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

  • @-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.

  • @blokche_dev
    @blokche_dev ปีที่แล้ว

    Super useful! Thanks for sharing.

  • @kvetoslavnovak423
    @kvetoslavnovak423 ปีที่แล้ว

    Mind blowing 🤯🤩

  • @twd2
    @twd2 ปีที่แล้ว

    you have covered everything

  • @sharia.design
    @sharia.design 24 วันที่ผ่านมา

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

  • @ricardoreix
    @ricardoreix ปีที่แล้ว

    Awesome, as usual 👌

  • @singha360
    @singha360 ปีที่แล้ว

    Thumbnail game on point 😤

  • @RazvanBunea
    @RazvanBunea ปีที่แล้ว +1

    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  ปีที่แล้ว +1

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

  • @Dreez
    @Dreez ปีที่แล้ว +2

    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  ปีที่แล้ว +1

      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 ปีที่แล้ว +1

    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?

  • @benny-shen
    @benny-shen ปีที่แล้ว +1

    The parseFormData requires remix be installed?

    • @JoyofCodeDev
      @JoyofCodeDev  ปีที่แล้ว +1

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

  • @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.

  • @bobbymannino
    @bobbymannino ปีที่แล้ว

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

    • @JoyofCodeDev
      @JoyofCodeDev  ปีที่แล้ว +1

      That would be cool! 😄

  • @_danisson
    @_danisson ปีที่แล้ว

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

  • @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.

  • @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.

  • @alexvass
    @alexvass ปีที่แล้ว

    Thanks

  • @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.

  • @arunkumarTdr
    @arunkumarTdr ปีที่แล้ว

    what's the snippet extention You are using ?

    • @JoyofCodeDev
      @JoyofCodeDev  ปีที่แล้ว +1

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

  • @pickavana8056
    @pickavana8056 ปีที่แล้ว

    Do you offer a svelekit training course?

    • @JoyofCodeDev
      @JoyofCodeDev  ปีที่แล้ว +2

      I plan on making one in the future! 😄

    • @pickavana8056
      @pickavana8056 ปีที่แล้ว

      @@JoyofCodeDev Look forward to it.

  • @nanashi7726
    @nanashi7726 ปีที่แล้ว

    amazing

  • @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  ปีที่แล้ว +1

      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.

  • @jeremiah2562
    @jeremiah2562 ปีที่แล้ว

    Devops for sveltekit with prisma please 🙏🙏🙏

  • @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.

  • @ROX2
    @ROX2 ปีที่แล้ว

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

  • @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.

  • @twd2
    @twd2 ปีที่แล้ว

    😍😍😍😍😍

  • @HisSonsMusic
    @HisSonsMusic ปีที่แล้ว

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

    • @JoyofCodeDev
      @JoyofCodeDev  ปีที่แล้ว +1

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