Svelte

Now go over and use Next.js.

Okay, but now the job that you're looking at uses Svelte.

So now you got to go learn Svelte.

Oh, wait, there's this thing called SvelteKit.

Now go learn SvelteKit.

There was Webpack for a while.

You know, there's all these other things.

We should get on that block on CodePen then.

We have a Svelte secretly.

We have Svelte out now.

Do you know that? Ooh,

secret Svelte.

That's sweet.

That's actually awesome because, yeah, I would like to play with Svelte, but I don't want to download it.

I'm like, you know, it sounds rude.

Yeah.

You know what I mean? And this is the exact same way that like something like how Svelte does their scope CSS, it generates these kind of wild class names as well.

So not exclusive to StyleX, that strategy of generating these types of class names.

I believe the Babel plugin for styled components did the same.

So yes.

The difference between the way that Svelte does it and the way that StyleX does it is StyleX gives you a class for every single unique property value pair.

Whereas the Svelte and like CSS modules and a lot of like the...

I think it's Panda.

month.

Some of the updates, they now have a increasingly wide range of adapters for different frameworks, React, Preact, Vue, Solid, Svelte, Angular, Lit,

Pine,

Ember, and Octane.

I mean, Swix used to be part of the React ecosystem space.

He was a mod in the subreddit, did a lot of talks.

And then he got involved with Svelte, and then he pivoted to running AI conferences and podcasts.

We've even talked about the energy at React conferences seems to be down, whereas the AI conferences have all the energy.

And so I was grateful for some, from getting a well-researched stack from a friend of mine whose name is Ruzgar.

Anyway, I basically took his recommended stack and he recommended Svelte as the JavaScript framework, which is famous for being like the most coveted framework.

Like most people don't build their apps in Svelte because they've already, you know, been building in some of the technologies, but if, what's it, Stack Overflow's developer survey felt was the JavaScript framework that has been most, people most wanted to build in over many, many years.

And it's just got a really nice, you know, programming idioms where it's very intuitive the way it's written, and it's got a solid underlying infrastructure.

So I think if you just go into Cloud Code and you don't specify what you want to build in, it's going to put you in React and TypeScript, which are reasonable choices.

But, you know, so I,

yes,

Svelte was probably the big difference.

Yeah.

Uh, so but it's like I just use Svelte because Svelte doesn't come with the shadow DOM, and they seem to be writing a decent...

I, I, I don't, I have, I even don- I, like, I don't know because I only wrote React professionally, but, uh, like, give it access to Shadow CDN.

The dashboard is okay.

Intro to insertion sort algorithm with code examples Insertion sort is a simple sorting algorithm and it is used to sort an array by iteratively inserting elements into a sorted subarray that results in a final, so 152.

A basic introduction to event handling in Svelte FOR beginners events are a crucial element to a well-designed and interactive application experience.

Let's get started with events in Svelte and look at how they work.

153.

Get the return type of a function in TypeScript using return type The return type utility type in TypeScript lets us take the outputs of a function and codify a new type based on that.

How do you know you're making real, legitimate progress? Is ITWHEN you've earned a certification? Completed an online course? 319? SYK Howdib's first line of code was written at age 39 living proof that it's never too late to switch careers, 2020 Noonie nominee Syk Howdib, Spain, shares, in this 10-question interview, inspiration for supporting the career development of those from less represented backgrounds, the most useful advice ever imparted, and what's most worrying in tech right now.

320.

Learn how to pass arguments to events in Svelte.

Uh, it's from a developer called Puru.

Uh, but the tagline here is SSR Islands for SvelteKit.

And the idea being that typically with a route in SvelteKit, which is the, uh, meta framework for Svelte, if you have any sort of, uh, y- uh, client-side JavaScript or whatever else, there is gonna be an initial render, and then there's gonna be a hydrate, so you're gonna get client-side JavaScript running even for a server-side rendered page.

And this is the way that most meta frameworks work.

But what Ojija gives you is essentially the ability to opt in to say that, "Hey, this route should be fully server rendered," and then they use the island terminology to say that only this one component should be interactive, so that's the only JavaScript you need to ship for that particular page.

Um, and the example that they give is, like, they have a, uh, a SvelteKit page here, but then they're using, uh, like, import specifiers to say, "Import this counter component, hydrate on load." So the initial server render will have n- no JavaScript bundle except for the code required for that counter.

And so this is one way to, to speed up your pages, to redu- reduce the initial size of the initial page renders, and, um, it's just a cool little technique.

And the...