Looks incredible. I would love for you to show the difference between this and angular with firebase functions. I'm not sure if there would be much of a difference or how it would work, if you are already hosting of firebase, what would then happen? These functions would still have to be deployed somewhere right? Or what am I missing?
I had been a hardcore react lover, then had to learn vue for work.. but lemme tell you I was mind blown when I started using svelte and svelte kit.. the components look nothing like their cluttered counter parts. For anyone sceptical about learning svelte, I highly recommend try it out once, working with react and vue will feel like rubbing stones for fire, while svelte being a very convenient lighter
@@saadahmed688 vue 3 literally took the idea from svelte, *react 13 also copied their homework from svelte. This says more about svelte itself. Edit: *Well it's Next 13, but the point still stands.
@@saadahmed688 Vue still uses a virtual dom, which makes using JS libraries a pain, because you'll have to use a wrapper library (if the wrapper library exists of course, orthewise you'll have to make your own or use another library). This is not a problem with Svelte, you can integrate pretty much any JS library.
Since a while back you don't even need to include the PageData types or import from ./$types! Just omit it and it'll work out of the box as long as you're running the dev server! :)
I’ve recently been trying out svelte kit and it’s honestly made web dev fun for me again. I’m honestly kind of dreading having to go back to React for my work because Svelte is just so much cleaner.
A few days ago I inherited a huge project in React. It was slow, its code very dirty and with many rendering errors to correct. In a week I reimplemented almost the entire system in svelte kit, and the system is different, the users were really amazed by how fast the system was and how scalable it was.
I desperately want Svelte to start getting mainstream adoption. I'm so tired of React and Angular is just pure pain (though necessary if you want more job opportunities to choose from). Used Svelte for several projects this past year and it is such an incredible developer experience.
I've had SvelteKit in production for coming up on 2 years now (Yes we shipped using the beta lmao) and looking back I would GLADLY do it again, even with the beta growing pains.
I swear this guy has superpowers, I just started a new project with Svelte kit last week ! Svelte and svelte kit are so nice, it's juste a perfect stack !
that's great. Unfortunately, you'll still have to learn React or Angular since most of the jobs use those. Hopefully Svelte will continue to get more adoption
Jeff never stop making these videos, they're awesome! Also would love to see these: Zustand in 100 seconds SWR in 100 seconds Jotai in 100 seconds tRPC in 100 seconds Drizzle in 100 seconds
Dang this was awesome Jeff, it’s a concise 100sec version of the course! Saw things noted that I missed when going through the course - which was excellent btw!
One I've been waiting for... Note: You no longer need to manually type `PageData`, `PageLoad`, etc. types... it automatically just knows what `export let data` and load functions are
I've started to learn Svelte/Sveltekit with Fireship videos and i love it. Sveltekit is faster than Nuxt,Next,Astro, Express etc. Directly to the point and no boilerplate codes. Thanks to Rich Harris, Svelte team and Fireship.
The server features of SvelteKit are super nice and intuitive. I'd love a video about your take on React Server Components and the latest version of Next using them.
i am already using sveltekit and i fucking love it. I am coming from a C# background, tried Angular but really fell in love with sveltekit, this is a great overview!
I made my portfolio using svelte and confirmed that if someone were to start web development using svelte, other frameworks won't ever be the same for them.
I'm really hopeful to see a video on Blazor United, the .NET 8 version of Blazor that can switch between server-rendering and WASM at the component level! This is a game-changer and I believe it's set to give other frameworks a serious run for their money. Keep up the fantastic content, Fireship!
THE TIMING ON THIS!!! I was looking into your old videos about React, Next.js/Svelte, SvelteKit comparison to decide which stack to use on my next project, and this drops...
@@HorsiMusic both vue and svelte produce bigger bundles than react. that is because they wrap components in a lot of boilerplate code while react just lets the engine do all the heavywork. they are not really any faster
I'm a react lover and a svelte lover as well, my dream? a world where developers can see the beauty of each technology individually and understand that there is a space for each framework and all it's about of what you are trying to solve. Edit: Hey there! For those asking, I've added more details about my personal pov in the comments. Thanks for the interest!
What problem would you solve with react that svelte wouldn't solve just as well or better? (Unless we are talking business problems, EG hiring enough devs with the prerequisite knowledge/ existing library support)
I learned React and Next lately, like a couple of months from now, it was a big paradigm change in comparison with PHP for backend and jQuery in frontend. React really made interactivity much simpler, but it has some really bizarre things and too much boilerplate code for simple things. Now on the other hand, Svelte? It's all the good from React and Next but without all the nonsense. I am loving Svelte, it's great! =)
Using Svelte/kit for a major product, a few issues but nothing we couldn't figure out, the pace of change has no become manageable with kit, but it's now slowed to the point that we can catch up and do some refactoring, early adopter problems.
Please made a svelte 5 runes edition course on your website. I really enjoyed your svelte course on your site. I loved how you used a real life example building the link tree like app… now with svelte 5 being almost stable, I would love to have a full real life example project made from scratch again. Thanks 🙏
i swear to god all these symbolic directories and file name extensions, someone is going to reinvent header files in a few years and become the IT tech bro of the year
Waiting on a Proompt-Kit video. I know nothing about the extremely low level JavaScript frameworks used under the hood but after completing my proompt boot camp, I have now built a fully functional web app that displays all manner of abstract art.
SvelteKit is great but I still honestly believe that Nuxt 3 blows it out of the water. It’s not a competition, so use what’s best for you but I don’t think Nuxt 3 gets enough attention. Either way, I’m enjoying the rise of Svelte and I’d much rather work with it over React or Angular.
I need to take another look at it. I was a little overwhelmed with all the different ways you render things, and the opinionatedness of the file structure. Their documentation isn't my favorite either. Sometimes it's hard to find information on specific topics, rather than reading through scattered paragraphs of explanations.
if you dont understand react or next it's really your own fault. svelte seems a little closer to vanilla js (it's not), but what it offers in simplicity it robs you in flexibility. react gives you the tools to build anything from scratch and once you understand it all these other frameworks start feeling a little too opinionated
If you like getting stuff shipped, then you'll love SvelteKit. Try it out in the full course fireship.io/courses/sveltekit
first
second
The OnlyFans link… 😂
sus
Looks incredible. I would love for you to show the difference between this and angular with firebase functions. I'm not sure if there would be much of a difference or how it would work, if you are already hosting of firebase, what would then happen? These functions would still have to be deployed somewhere right? Or what am I missing?
Thanks! Putting 10 years of SvelteKit experience on my Resume now.
10 years, 100 seconds... in Javascript its all the same!
😂 same
@@Qefxonly if you compare them with a double equals
Isn't it going to be hard to get a job in sveltekit because most companies use React,Angular and Vue.js
@@CappaLimk seeing more and more companies starting to use Svelte tho.
I had been a hardcore react lover, then had to learn vue for work.. but lemme tell you I was mind blown when I started using svelte and svelte kit.. the components look nothing like their cluttered counter parts.
For anyone sceptical about learning svelte, I highly recommend try it out once, working with react and vue will feel like rubbing stones for fire, while svelte being a very convenient lighter
What are your thoughts of Vue compared to other two? I like the reactivity system there, but any operation on "raw" elements is a pain
you'll drop dead when you touch angular then
Vue with is pretty much like svelte
@@saadahmed688 vue 3 literally took the idea from svelte, *react 13 also copied their homework from svelte. This says more about svelte itself.
Edit: *Well it's Next 13, but the point still stands.
@@saadahmed688 Vue still uses a virtual dom, which makes using JS libraries a pain, because you'll have to use a wrapper library (if the wrapper library exists of course, orthewise you'll have to make your own or use another library).
This is not a problem with Svelte, you can integrate pretty much any JS library.
Tip: You don't need to import PageLoad type, `export let data` will be automatically typed and provide autocomplete by the extension & LSP itself.
True, but only in vscode afaik. You want to keep that if you or others in your team use other editors/IDEs
Yes, but it's a bit messy. I get typescript errors all over the place when not typing data or form variables. It's best to type it
nvchad ftw
It seems to also work on nvim actually now.
@@shubhambhattacharjee1111 I thought it would just be a matter of time 🙂. Glad to hear, thanks for the info!
Since a while back you don't even need to include the PageData types or import from ./$types! Just omit it and it'll work out of the box as long as you're running the dev server! :)
If it's not dev server then what 😂
@@Davidlavieri If it's not dev server you won't need types (?
@@Davidlavieri I'm guessing just the linting won't update if the dev server is not running
It does t lwork in my pc
I’ve recently been trying out svelte kit and it’s honestly made web dev fun for me again. I’m honestly kind of dreading having to go back to React for my work because Svelte is just so much cleaner.
A few days ago I inherited a huge project in React. It was slow, its code very dirty and with many rendering errors to correct.
In a week I reimplemented almost the entire system in svelte kit, and the system is different, the users were really amazed by how fast the system was and how scalable it was.
Wait until you want a specific functionality, u will need to implement it ur self
I’m so glad you’re making videos about svelekit. I also loved the sveltekit course on your website
I'm all for sveliket videos.
@@dision9470 for sure, definitely prefer sovelkut over verbose things like react
What's the link to the course?
@@dision9470 same man, can't wait for more svalbard content
I desperately want Svelte to start getting mainstream adoption. I'm so tired of React and Angular is just pure pain (though necessary if you want more job opportunities to choose from). Used Svelte for several projects this past year and it is such an incredible developer experience.
I've had SvelteKit in production for coming up on 2 years now (Yes we shipped using the beta lmao) and looking back I would GLADLY do it again, even with the beta growing pains.
"Shipped on beta" checking in, 1.5 years, 100k users, zero regrets. And the RC migration was an excuse to rewrite tech debt anyway :)
Same
how will you manage if you have also a mobile app that will request data with api routes
@@younlok1081 I really wonder how to use full stack web frameworks when you have IoT/mobile/Desktop apps
@@younlok1081 you create api routes with js files and use those in both. Sveltekit is smart enough to handle this for SSR too.
Fireship somehow always manages to make a video about the exact subject I'm learning about
Why am I here?
I literally started looking into SvelteKit 2 hours ago. This is kinda creepy, ngl.
he cheats by making videos about every possible subject
He is an AI after all. Constantly learning and reading our minds
Because we all are looking for what is currently trend, maybe 🙄
I swear this guy has superpowers, I just started a new project with Svelte kit last week !
Svelte and svelte kit are so nice, it's juste a perfect stack !
I'm starting out in web development and Svelte has made things so much easier for me. Currently using it for my first serious project :)
I highly recommend it
that's great. Unfortunately, you'll still have to learn React or Angular since most of the jobs use those. Hopefully Svelte will continue to get more adoption
I just recently started using frameworks and I gotta say Svelte made it much easier getting into than the others (especially compared to React).
I'm with Svelte for years, best framework ever, just no jobs positions lol
lol .... convince a start up to adopt it!
I’m happy with how much growth svelte has made in the last 2 years
Jeff never stop making these videos, they're awesome!
Also would love to see these:
Zustand in 100 seconds
SWR in 100 seconds
Jotai in 100 seconds
tRPC in 100 seconds
Drizzle in 100 seconds
As a Sveltekit developer I loved this video
And most importanty I’m glad to understand it !!🎉
Dang this was awesome Jeff, it’s a concise 100sec version of the course! Saw things noted that I missed when going through the course - which was excellent btw!
Svelte + Kit is the best framework I've ever used
One I've been waiting for...
Note: You no longer need to manually type `PageData`, `PageLoad`, etc. types... it automatically just knows what `export let data` and load functions are
I've started to learn Svelte/Sveltekit with Fireship videos and i love it. Sveltekit is faster than Nuxt,Next,Astro, Express etc. Directly to the point and no boilerplate codes. Thanks to Rich Harris, Svelte team and Fireship.
Svelte and SvelteKit really made my life easier. Unlike React, React can only make things worse and as complicated as possible.
The server features of SvelteKit are super nice and intuitive. I'd love a video about your take on React Server Components and the latest version of Next using them.
i am already using sveltekit and i fucking love it. I am coming from a C# background, tried Angular but really fell in love with sveltekit, this is a great overview!
Yeah when I was using React and Angular it gave me backpains
I made my portfolio using svelte and confirmed that if someone were to start web development using svelte, other frameworks won't ever be the same for them.
just love your existing and love of humanity man.
Wowwwwww, I've never thought sveltekit is this beautiful, I've always just heard of it... thanks mann😍😍
Always wanted you to make a video about sveltkit.
Sveltekit is the second javascript framework I've been use. Coming from React and surprised because how they handle things very simple.
I'm really hopeful to see a video on Blazor United, the .NET 8 version of Blazor that can switch between server-rendering and WASM at the component level! This is a game-changer and I believe it's set to give other frameworks a serious run for their money. Keep up the fantastic content, Fireship!
Will be front runner sure , but the caveat is , it is not open source right?
.Net? Dafuk?
@@ahammadalipk It's open-source, like the rest of .NET since it became .NET Core back in 2014!
I'm currently working with a SevlteJS/Quarkus application and loving it.. hopefully i can do more.
SvelteKit is the GOAT! Hope it gets more recognition and adoption.
To be exactly, Sveltekit is your most beloved web framework in the world. Still worth checking it out, thanks to your quick introduction.
Svelte always deserves more recognition than it gets.
I love SvelteKit and glad you have a video on it to spread awareness of it.
this looks tidy, organized and easy to understand
Svelte is the future ❤️
Me on the right side of the screen at 2:43.
@@MarvinPowell1😂😂😂
I use it on day to day basis and LOVED it 😍
THE TIMING ON THIS!!!
I was looking into your old videos about React, Next.js/Svelte, SvelteKit comparison to decide which stack to use on my next project, and this drops...
sveltekit is the best framework out there
Svelte, Vue are prime examples of one man vs tech giant
One thing is clear is tech giants love to make things complicated and its size enormous
Exactly. And both Vue and Svelte whoop reacts butt.
Svelte and vue vs react and angular
@@HorsiMusic both vue and svelte produce bigger bundles than react. that is because they wrap components in a lot of boilerplate code while react just lets the engine do all the heavywork. they are not really any faster
@@marusdod3685 Get lost, react fangirl.
That kind of BS doesn't work when anyone can see the benchmarks for themselves lol
I'm a react lover and a svelte lover as well, my dream? a world where developers can see the beauty of each technology individually and understand that there is a space for each framework and all it's about of what you are trying to solve.
Edit: Hey there! For those asking, I've added more details about my personal pov in the comments. Thanks for the interest!
Can you please explain the use case where you find react and svelte useful?
What problem would you solve with react that svelte wouldn't solve just as well or better? (Unless we are talking business problems, EG hiring enough devs with the prerequisite knowledge/ existing library support)
There's nothing beautiful about React
@@everythinggoes850 Thank you!
@@Taklop building a native mobile qpp?
Спасибо автору за новую связку. Проверил, все работает.
SvelteKit literally saved my passion for development.
YES! I have dreamed about this moment that Fireship does SvelteKit
I didn't see where the video compared SvelteKit to Next.js and Nuxt - would like to learn more about that!
Thank you for that video, it's amazing. I've just started studying about Svelte and I already love it.
svelte (without kit) is the best :3
3 other popular (and their server side counterpart) give me such productivity
literally just started a fresh sveltekit project at work, like installed sveletkit at the same moment you uploaded...
I recently started building my first medium-sized app with it. I am not that deep into it yet, but damn am I excited.
I learned React and Next lately, like a couple of months from now, it was a big paradigm change in comparison with PHP for backend and jQuery in frontend. React really made interactivity much simpler, but it has some really bizarre things and too much boilerplate code for simple things. Now on the other hand, Svelte? It's all the good from React and Next but without all the nonsense. I am loving Svelte, it's great! =)
I love SvelteKit, for me best JS framework. Great video 👍
I always say they couldn’t have chosen a better name. The Svelte is so svelte.
The only reason I'm staying with react is because of the job opportunities, but the moment companies adopt Svelte, im ready to go
True. Staying with react is only for react junky companies
you better dont miss out then
Our jobs are gonna be replaced by AI soon, so coding for jobs isn't that important anymore
@@s1nistr433 lmao
there's no better framework than React
I have no idea what your saying but your fancy words are soothing
I have been learning svelte, and it almost feels like a hack. props to the contributors of this project.
Perfect! I realised there was a bunch of stuff I wasn't aware of in sveltekit and was looking for this
Cool, I always saw svelte as a not so good framework, but it looks good, even more with svelte kit
Not so good? What made you think that?
SvelteKit is amazing!
Amazing tool! The best js framework ever
Finally, been waiting to learn more about sveltekit.
FINALLY,
I was waiting for the hype train so I can flex learning it
Routes can be defined by any svelte file, which was super weird until they changed the syntax to require prepending the files with the "+" modifier.
Heres hoping Svelte takes over! I am sick of React already and am relatively to React 😅
0:38 "sex: false" is very relatable
Nice to see a more modern video on this.
Svelte is better than anything else
I was just making a sveltekit site, nice :)
Svelte is a blessing
Been waiting for this!!
Thanks bro. Looking into svelte now.😊
Using Svelte/kit for a major product, a few issues but nothing we couldn't figure out, the pace of change has no become manageable with kit, but it's now slowed to the point that we can catch up and do some refactoring, early adopter problems.
using bootstrap and svelte kit is a bless for a backend dev like me
Please made a svelte 5 runes edition course on your website. I really enjoyed your svelte course on your site. I loved how you used a real life example building the link tree like app… now with svelte 5 being almost stable, I would love to have a full real life example project made from scratch again. Thanks 🙏
Svelte has been so much fun for me so far, amazing framework!
1:32 You don't need to type the data variable anymore, it infers the type automatically! Same goes for the load function and endpoints!
Best framework ever.❤
I love you fireship
Feeling the FOMO of Svelte for sure
i swear to god all these symbolic directories and file name extensions, someone is going to reinvent header files in a few years and become the IT tech bro of the year
talk about Inertiajs with laravel or RoR it's the best stack right now I think
Hey Fireship, would you please share with us which tool did you use to create the intro Svelte Logo
I want to know too
im going to comment here just incase you guys find out
jQuery
This guy is here just for the money, he does not care for the others
Adobe After Effects, he mentions this in the "This video was made with code"
Waiting on a Proompt-Kit video. I know nothing about the extremely low level JavaScript frameworks used under the hood but after completing my proompt boot camp, I have now built a fully functional web app that displays all manner of abstract art.
I love the magic behind the automatically generated types
SVELTE IS THE WAY
Svelte is the best what happened to me in my web deb career
I’m guessing this is now Jeff’s favorite In 100 Seconds video
I just love svelte.
SvelteKit is great but I still honestly believe that Nuxt 3 blows it out of the water. It’s not a competition, so use what’s best for you but I don’t think Nuxt 3 gets enough attention. Either way, I’m enjoying the rise of Svelte and I’d much rather work with it over React or Angular.
Pretty dope tool tutorial to fetch useful data, cheers for the free guide
When I really don’t understand what he’s talking about it feels like way more than 100 seconds. I still love the videos though
I need to take another look at it. I was a little overwhelmed with all the different ways you render things, and the opinionatedness of the file structure. Their documentation isn't my favorite either. Sometimes it's hard to find information on specific topics, rather than reading through scattered paragraphs of explanations.
Ah yes, sveltekit. The framework that i actually understand compared to react or next.js.
Cant wait to see more from this underappreciated framework 😊
if you dont understand react or next it's really your own fault. svelte seems a little closer to vanilla js (it's not), but what it offers in simplicity it robs you in flexibility. react gives you the tools to build anything from scratch and once you understand it all these other frameworks start feeling a little too opinionated
Sveltekit my beloved
SvelteKit ❤
💯💯💯
Add it to the resume!
If SvelteKit had Nuxt's style of data loading and Nitro (Nuxt's server framework) it might be perfect.
this is sweet , nextjs dx feels like old angular compared to this
Finally. Seems like backend-led frontend.