5 Things I Wish I Knew When I Started Using SvelteKit

  Рет қаралды 10,409

Ben Davis - Tech

Ben Davis - Tech

2 ай бұрын

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.com
blok: www.theblokapp.com
timestamps
00:10 Number 1
1:38 Number 2
3:26 Number 3
5:20 Number 4
6:40 Number 5

Пікірлер: 42
@RikunoFilms
@RikunoFilms 2 ай бұрын
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 2 ай бұрын
This is absolutely true, definitely should have called out in the video!
@MadeInJack
@MadeInJack 2 ай бұрын
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 2 ай бұрын
Check back on monday :)
@MadeInJack
@MadeInJack 2 ай бұрын
@@bmdavis419 Nice birthday gift actually 🤩
@MadeInJack
@MadeInJack 2 ай бұрын
@@bmdavis419 Nice birthday gift actually! 😄
@MerkieAE
@MerkieAE 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
@s.adnansami5106
@s.adnansami5106 2 ай бұрын
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 2 ай бұрын
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?
@jitx2797
@jitx2797 2 ай бұрын
yes I really like Astro SSR.
@bmdavis419
@bmdavis419 2 ай бұрын
I do! I have multiple sites in production using Astro
@FilipeFreire
@FilipeFreire 2 ай бұрын
Awesome video Ben! I love how SvelteKit is becoming sturdier each day that passes. Definitely my tool is choice for web development right now.
@paulcalebayibaemiotokolo
@paulcalebayibaemiotokolo 6 күн бұрын
this was a really nice video...seriously
@strmchsr1537
@strmchsr1537 2 ай бұрын
You're still saying "lew-see-jah"! 😁I've been working with Sveltekit for months and did NOT know about streaming! 🤯Awesome video.
@gamingwolf3385
@gamingwolf3385 2 ай бұрын
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 2 ай бұрын
the API is fairly complete according to the maintainers, but as with any alpha, it's not stable.
@bmdavis419
@bmdavis419 2 ай бұрын
The official responsible answer? No. But that has not stopped me from using them in prod
@nevillebrem
@nevillebrem 2 ай бұрын
very cool video!
@skyhappy
@skyhappy 2 ай бұрын
Your opinion of SvelteKit vs. Nuxt?
@portalteam5832
@portalteam5832 2 ай бұрын
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 2 ай бұрын
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 2 ай бұрын
@@bmdavis419 awesome, thanks!
@s.adnansami5106
@s.adnansami5106 2 ай бұрын
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 2 ай бұрын
ngl, Code inconsistency really gives me OCD.
@bmdavis419
@bmdavis419 2 ай бұрын
I did not even notice that lmao, I really should be better about that
@efimgibsun7969
@efimgibsun7969 2 ай бұрын
Cool
@dts2716
@dts2716 Күн бұрын
pls do a svelte tutorial!!
@boccobadz
@boccobadz 2 ай бұрын
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 2 ай бұрын
Yea I definitely should have mentioned this
@cbaesemanai
@cbaesemanai 2 ай бұрын
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 2 ай бұрын
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 2 күн бұрын
Are you serious? Deploy in Svelte is one those things that are pretty straightforward.
@nixoncode
@nixoncode 2 ай бұрын
that you should have stuck with react all along?
@readywhen
@readywhen 2 ай бұрын
hihi
@realitydesigners
@realitydesigners 2 ай бұрын
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 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
@twd2
@twd2 2 ай бұрын
shadcn,Wow 😍😍😍...
Svelte 5 runes: what's the deal with getters and setters?
11:22
Rich Harris
Рет қаралды 41 М.
I built a $5 chat app with Pocketbase & Svelte. Will it scale?
13:34
I wish I could change THIS fast! 🤣
00:33
America's Got Talent
Рет қаралды 80 МЛН
Khó thế mà cũng làm được || How did the police do that? #shorts
01:00
The joker's house has been invaded by a pseudo-human#joker #shorts
00:39
Untitled Joker
Рет қаралды 12 МЛН
NextJS VS SvelteKit in 2024...
15:51
Ben Davis - Tech
Рет қаралды 10 М.
Supabase just shipped a LOT of cool stuff...
15:31
Ben Davis - Tech
Рет қаралды 3,4 М.
Cool Tools I’ve Been Using Lately
23:11
Theo - t3․gg
Рет қаралды 185 М.
I Tried Every Svelte UI Library
20:57
Joy of Code
Рет қаралды 41 М.
Picking a Database is Hard...
17:43
Ben Davis - Tech
Рет қаралды 5 М.
Svelte 5 Preview | Runes
12:40
ThePrimeTime
Рет қаралды 74 М.
Svelte 5 is a beast, but is it worth switching?
37:55
Syntax
Рет қаралды 20 М.
How I Build More Projects
9:23
Ben Davis - Tech
Рет қаралды 8 М.
Svelte 5: Introducing Runes... with Rich Harris
12:35
Svelte Society
Рет қаралды 91 М.
iOS 18 vs Samsung, Xiaomi,Tecno, Android
0:54
AndroHack
Рет қаралды 96 М.
Что не так с LG? #lg
0:54
Не шарю!
Рет қаралды 95 М.
Gizli Apple Watch Özelliği😱
0:14
Safak Novruz
Рет қаралды 4,4 МЛН
APPLE совершила РЕВОЛЮЦИЮ!
0:39
ÉЖИ АКСЁНОВ
Рет қаралды 4,3 МЛН
Lid hologram 3d
0:32
LEDG
Рет қаралды 9 МЛН
cute mini iphone
0:34
승비니 Seungbini
Рет қаралды 5 МЛН