Rich Harris Teaches ThePrimeagen SvelteKit

what is like the best starting way to get started with svelte um probably the tutorial um and we've actually just kind of relaunched the tutorial it's a little bit uh experimental still but do you want to take a look at that yeah let's do that that'd be awesome fire at your browser and go to learn.spel.dev uh spelled dot Dev here I'm gonna I'm gonna probably move you a little bit just so it's it's easier for people to see does that mean you're kind of snuggling up against the fire look at that um all right let's see so here we go we are officially here

we're looking good all right can I make this texture this is um yeah we're using Monaco here I don't know that it's great for like zooming Tech and stuff it may not work um so what just happened is we um we installed a node inside your browser and then um in the virtual file system we installed V and svelt kit and all of

that other stuff and we're actually running spell kit inside that that lower right window and so now if you make some some changes to that that welcome message they should get reflected in um in the preview all right so one quick question before we go can you can you explain the difference between svelte and svelte kit again um easiest thing is to compare it to other Frameworks um if spell is like react and it's kind of not but they do the same fundamental job that both UI

Frameworks then spell kit is like next spell kit is an application framework okay sorry so so like the UI oh keep on going keep on going keep on going I'm so excited so your UI framework uh is responsible for like isolated um units of functionality it combines markup and styles and behaviors into one little thing that you can deploy in different parts of your app but that doesn't solve all the questions about like how do I set up my build process

how do I do server-side rendering how do I add a router um how do I deal with environment variables how do I load data like all of these things that are outside the the UI Frameworks scope that's where the application framework comes in so that's what next does for react is what spell kit does first spell okay good um by the way you called react a framework which I believe it's not a framework I mean that's absurd I think you're going to get a gun pointed at you and someone is going to potentially Rich

Harris did not commit suicide is what we're going to be saying after this all right yeah at a certain point it's farcical to pretend that react is not a framework there we go I typed in hello it translated it as hell Welcome to Hell people all right there we go I type fast enough I type faster than it could update so I actually beat its typing cycle I can't get it again but there we go so we got hello so okay this is cool that's fascinating you might have discovered a race condition that we need to fix well this is why I love doing this stuff I love watching people use these things because like my partner who's not a

programmer uh I I showed her this thing that we were building and she immediately broke spell kit like completely the whole thing just stopped working oh show me how you did that and we kind of tried to reconstruct the exact thing that she did that led to that error and she had found a bug in the framework that we then fixed and I just love doing this kind of user testing for exactly that reason I don't love doing it in front of an audience of 800 people or whatever because that's kind of

embarrassing but it's still helpful well this is incredible I mean either way anytime you write a massive piece of software that's meant to take everybody's specific thing they want to build and generalize it to the point where anyone can use it there's always going to be a bug right bugs must exist by that very nature and so it's impressive how little bugs there are I think it's the probably the better thing to think about all right I'm ready so what what do we do here I can see right away that I can type HTML it looks like HTML but this