5 Things I Wish I Knew When I Started Using SvelteKit

Поделиться
HTML-код
  • Опубликовано: 10 дек 2024
  • Been wanting to make this one for a while, hyped that Svelte 5 is getting closer, there will be so much to talk about...
    my stuff
    discord: / discord
    x (twitter): / bmdavis419
    insiderviz: www.insiderviz...
    blok: www.theblokapp...
    timestamps
    00:10 Number 1
    1:38 Number 2
    3:26 Number 3
    5:20 Number 4
    6:40 Number 5

Комментарии • 51

  • @RikunoFilms
    @RikunoFilms 8 месяцев назад +62

    Worth noting that Svelte actually does not "need" the ecosystem react has because it already has it from a decade or two ago. React's ecosystem is so large partially because we needed to take every JS framework people worked in and "wrap" it in React for optimization and compatibility.
    Svelte does not need wrappers so your vanilla JS libraries just work.

    • @bmdavis419
      @bmdavis419  8 месяцев назад +13

      This is absolutely true, definitely should have called out in the video!

    • @cryptixdaemon7236
      @cryptixdaemon7236 Месяц назад

      @@bmdavis419 Probably part of the reason why Sveltkit outperforms the likes of React and even Vue even if just marginal on the latter.

    • @armanrozika
      @armanrozika Месяц назад +1

      react itself doesn't need any ecosystem. You could just use react, the library, by itself and build a webapp. The core difference between react and svelte is the absence of vdom and different templating language

  • @s.adnansami5106
    @s.adnansami5106 8 месяцев назад +5

    3:51- This is precisely why I love Astro, you can just code in whatever framework you like and even mix-n-match. It resembles the Svelte workflow relatively closely and it does many of the things Svelte is known for as well. It's even got a built in backend for API endpoints and you showed in a recent video how to plug-in Hono.js into those HTTP handler functions very easily(which I am doing for my own project).
    On a side note, I just love plugging in Hono into the Astro.js backend because it really makes things flexible and in case you need to host your project in a specific way or need to change framework to let's say Next.js, it's very convenient because you don't have to rewrite your backend or modify it much.

    • @s.adnansami5106
      @s.adnansami5106 8 месяцев назад

      If you want to primarily code in Svelte and need to use React packages, Astro is great for that. Makes me wonder why despite this, you don't use it?

    • @jitxhere
      @jitxhere 8 месяцев назад +1

      yes I really like Astro SSR.

    • @bmdavis419
      @bmdavis419  8 месяцев назад

      I do! I have multiple sites in production using Astro

  • @MadeInJack
    @MadeInJack 8 месяцев назад +13

    Could you please do a compressed crashcourse of each feature to clearly distinguish what runs on the client/server (and in which use case you would do each option)? Still struggling 😭 Gotta take the time to go read the full tutorial but a video would be nice too. Thank you!

    • @bmdavis419
      @bmdavis419  8 месяцев назад +6

      Check back on monday :)

    • @MadeInJack
      @MadeInJack 8 месяцев назад

      @@bmdavis419 Nice birthday gift actually 🤩

    • @MadeInJack
      @MadeInJack 8 месяцев назад +2

      @@bmdavis419 Nice birthday gift actually! 😄

  • @MerkieAE
    @MerkieAE 8 месяцев назад +2

    I started learning full-stack development in like 2020ish and SvelteKit played a huge role in that. I now use NextJS at my job. All this framework based development really makes me appreciate the client and server model lol. Back when I first started, wrapping my head around what happened on the server vs client was tough. Now I pretty much got it, but I recently had a situation where I had to explain what runs where in NextJS and I had one of those moments where, as I was explaining it, I was thinking "This may be a little too complicated" lol. Also certain components like a table with a search, filter, and sort or even an infinite scrolling feed are easier to code as just client components that do an initial fetch on page load then one on every query update. Idk if this is a grass is always greener situation though

  • @rasibn
    @rasibn 3 месяца назад +2

    Your channel is awesome for a svelte newbie like me

  • @FilipeFreire
    @FilipeFreire 7 месяцев назад

    Awesome video Ben! I love how SvelteKit is becoming sturdier each day that passes. Definitely my tool is choice for web development right now.

  • @strmchsr1537
    @strmchsr1537 8 месяцев назад +1

    You're still saying "lew-see-jah"! 😁I've been working with Sveltekit for months and did NOT know about streaming! 🤯Awesome video.

  • @karim-gb5nx
    @karim-gb5nx Месяц назад

    1 min in the video and I have already leared something new. Thubms up

  • @codewithguillaume
    @codewithguillaume 5 месяцев назад +1

    This is a nice video !

  • @paulcalebayibaemiotokolo
    @paulcalebayibaemiotokolo 5 месяцев назад +1

    this was a really nice video...seriously

  • @Archbishop-Desmond-Tutu
    @Archbishop-Desmond-Tutu 5 месяцев назад +1

    Great video, congrats

  • @boccobadz
    @boccobadz 8 месяцев назад +4

    Svelte ecosystem is JS ecosystem, not some weird react-way wrappers without any proper documentation. Compare Apache Echarts and how simple its usage is in Svelte vs its react wrapper which is abysmal.

    • @bmdavis419
      @bmdavis419  8 месяцев назад

      Yea I definitely should have mentioned this

  • @gamingwolf3385
    @gamingwolf3385 8 месяцев назад +1

    Hello , ben thank you for this beautiful video , but i have one question , are runes stable to start usingg them , i know they are built as signals like in solid quick so they are really amazing

    • @didiercatz
      @didiercatz 8 месяцев назад

      the API is fairly complete according to the maintainers, but as with any alpha, it's not stable.

    • @bmdavis419
      @bmdavis419  8 месяцев назад

      The official responsible answer? No.
      But that has not stopped me from using them in prod

    • @Asher-yx9ys
      @Asher-yx9ys Месяц назад

      @@bmdavis419 adding to this. as of today svelte 5 is production ready meaning runes are now production ready!

  • @portalteam5832
    @portalteam5832 8 месяцев назад +1

    Can you do a video analyzing what kind of usage a production app is going to use on something like Vercel? Since there is so much SSR, every page view is a serverless function execution, so how does that use up your quotas?

    • @bmdavis419
      @bmdavis419  8 месяцев назад +1

      Yea, Insiderviz 2 launches next week so once that’s been going for a bit I’ll talk about how we keep costs down (it uses a lot of ssr in sveltekit on Vercel)

    • @portalteam5832
      @portalteam5832 7 месяцев назад

      @@bmdavis419 awesome, thanks!

  • @s.adnansami5106
    @s.adnansami5106 8 месяцев назад +1

    I wonder why you mix arrow function syntax and regular function syntax right at the beginning in the video with the load function file?

    • @s.adnansami5106
      @s.adnansami5106 8 месяцев назад +1

      ngl, Code inconsistency really gives me OCD.

    • @bmdavis419
      @bmdavis419  8 месяцев назад +1

      I did not even notice that lmao, I really should be better about that

  • @nevillebrem
    @nevillebrem 8 месяцев назад +1

    very cool video!

  • @skyhappy
    @skyhappy 8 месяцев назад

    Your opinion of SvelteKit vs. Nuxt?

  • @adel.dev.account
    @adel.dev.account 5 месяцев назад

    Watching Codevolution channel is my tip ❤

  • @efimgibsun7969
    @efimgibsun7969 7 месяцев назад

    Cool

  • @dts2716
    @dts2716 5 месяцев назад

    pls do a svelte tutorial!!

  • @cbaesemanai
    @cbaesemanai 8 месяцев назад

    I picked up svelete kit about a month ago, spent some time with it and wrote a test app. I was loving it right up until I looked at what it took to deploy it. That is where I bailed out, what a mess.

    • @bmdavis419
      @bmdavis419  8 месяцев назад +3

      Really? I've found it to be one of the easiest of the JS frameworks to deploy, NextJS is easy on Vercel, hard everywhere else, but SvetlteKit's adapters make it pretty simple to put anywhere

    • @SilvestreVivo
      @SilvestreVivo 5 месяцев назад

      Are you serious? Deploy in Svelte is one those things that are pretty straightforward.

  • @realitydesigners
    @realitydesigners 8 месяцев назад

    Here’s my 5 things:
    1. I should of just used react.
    2. I should of just used react.
    3. Why didn’t I just use react?
    4. I should use react.
    5. I’m only using react.

    • @bmdavis419
      @bmdavis419  8 месяцев назад +2

      idk where all this pro-react sentiment is coming from but I generally agree. For me I still prefer sveltekit for a lot of things, but react is feeling better and better, I'm really coming around

  • @nixoncode
    @nixoncode 8 месяцев назад

    that you should have stuck with react all along?

  • @twd2
    @twd2 8 месяцев назад +2

    shadcn,Wow 😍😍😍...