Speaker is a big fan wants to be able to choose between using it and other Frameworks depending on the application. They are happy that spoke it 1.0 has been released. Speaker sends Jabez featuring a Pawnee be called.

Speaker has built a lot of static apps. They want to deploy them to different places. Speaker used to use Astro to create a single page application. Spill, kit, 1.0 dropped last week on the 14th of December. Bulk is a framework for building web applications on top of felt UI component framework. Speaker doesn't need to link to a specific route, because it's already doing a lot of stuff already.

Speaker created an application framework for Felt kit. Web developers today are spoiled with choice for choice. Astro, rails, laravel, million static site generators, etc. According to Speaker, Spelt Kit defaults to client side navigation after initial server rendered page load. This allows faster pages and fewer data usage. Speaker will use Astro to generate HTML on one server and on the other one to handle client-side interaction.

Speaker is looking forward to the Firebase community provided chapters. They have already deployed a single page app. Speaker explains how to use the adapter static, which turns Falcon into a static site generator. They recommend upgrading to the final version of the spill kit. Speaker has been going through a migration guide. They want to go through it like the learn dots felt dot Dev.

Speaker is building a project that they want to launch in 2023. They want kids to play a part in building it out for the web. Speaker has not played with smoke kid before, but they are interested in it now. They are making highlights videos for the Highlight Clips. Speaker saw them talking about the 1.0 introduction.

Speaker is going through the tutorial section of the new spill kit. They want to see how different it is from sapper. They can develop applications now.

Speaker wishes them are being productive and getting stuff done. They want to share their work with the rest of the second cipher. Speaker has been a fan of the felt framework for a minute. They started using felt 4 years ago.

Speaker has been building a lot of smaller projects. Old released a framework that allowed them to create single page apps, but they wanted to have multiple pages with different routes and routes, so they came up with sapper.

Speaker created a website called otech, dot events for streaming local, meetups in Orlando. They have created a website with slides and a website using sapper. Speaker used to use sapper to create a multi page app, but it stopped working for him. Now sapper is deprecating. Speaker likes Astro because it allows them to create multi-page routes and it also works with pre-act and spelt text.

Speaker will see everyone after the hour.

• interactive parts
• dope
• cloud functions
• ui component framework
• beta testers
• static site generators
• serverless functions
• regular html
• dynamic data
• verse cell
• final pre-release version
• previous versions
• join slow

Welcome back to that same old place that you like, well then since you hung around but those dreams everything, and they thought they need you.

Welcome back stretch.

All right.

Hopefully you are being productive and getting stuff done because that's what these are for.

So welcome to until it dot works.

This is the second break session of the second cipher.

And so this one, I want to kind of talk about the thing I am working on during my work sessions, right?

And so I am headphones here.

Now, I have been a fan of this framework for minute.

Well this library and so let me share my screen.

22 audio, I am sure audio just in case.

And so if anybody has known me, whenever I build like applications, if I am doing it in the interactive Parts, their first going to be like web components or especially if I want to like use it for other projects or if it's just something for like a quick thing.

I am going to use felt that's what I like reach for right initially.

And so let me add this link to it.

Here we go.

There you go.

There you go.

All right, so now it's felt, I have been like you, I have been aware of spell for a minute but I didn't really start like using it until likes felt 3.0 or beta somewhere.

And so, I looked up on npm and that was like four years ago.

So, I have been building a bunch of stuff with smell like smaller projects, like I was saying, right?

Just like if I want a little bit like JavaScript interactivity into like an application or what-have-you right cool.

But then Old released like a framework that you could cause a lot of my stuff before like the single page apps, right?

But if I wanted to have multiple Pages like of different routes and everything, It was kind of like stuck, so smelt came out with sapper.

Which was pretty amazing, right?

And I was a big fan of sappers so much that I built a bunch of projects with it.

So, for example, otech, dot events is a site that I created.

For like streaming local, meetups here in Orlando.

And like what I liked about, like, The page transitions is what I really like about what his super cool.

So I am here at the homepage, right?

And I click upcoming And then, let us say I click view more on this upcoming event.

See how it kind of, like, faded in and if I go back and still kept that page, and if I go back, it kind of like transitions in between the two routes and I thought that was pretty cool, right?

And, so I built like other things like this is my slides Dot Page.

It's a website that I upload my slides when I give them out.

And so you can kind of Go back and follow and review this slides because it I record the audio also and it as the audio is going, the slides change as well to kind of keep up.

So I have done that for a little bit.

I got to revisit it and make a little bit better but that's what I have there.

All right, and then even this site here, I created using sapper and these are just a cool thing.

Like, so this was the go-to whenever I wanted to create a multi page app, right?

Because it's using my favorite like little like library to create interactive parts, right?

But then there were deprecating sapper.

For spill kit.

So they kind of like stopped working on sapper and I didn't hop on spill kit early because it was like oh things are going to break, and I was like I don't know if I want to build stuff we're like all these things and it could just break on me because back then even like getting these sites because I am using like Firebase for hosting all of them.

I we all of them are using Firebase.

And so to get sapper running on Firebase, kind of like do some things to make it work.

And spell kid was kind of like, similar from what I saw I was like I don't want to go through that and just breaks and it could be at our cards.

That's like, I am a kind of, like, not jump too much into it.

I will keep an ear out for it, right?

And so that's when like Astro kind of came up.

I was like, oh, Astros pretty dope because not only would, I be able to get like the multi-page like routes that I wanted but like, it also works with, like, if you want react solid pre-act and spelt, And view even lit.

You.

I mean, so I was like oh this is pretty dope.

So this is like a lot of different things that I could just use to create applications and what's cool is like about this and smelts and even sapper is that it compiles, right?

So it's not too much of a burden on the client like you could get away with a lot of stuff on the server or what have you or just even before you ship it.

You mean because it gets optimized Which I am a big fan of.

So like I was like oh, that's dope.

So you know, so I am building it, so I built a bunch of stuff.

Oh, and it was also cool.

Is that you can deploy it to different places a lot easier?

And so, like the stuff I was making with Astro, we're pretty much for the most part, like, static stuff.

Like, if I ever needed information, I can just make a call to a Firebase endpoint and have that come in your, I mean, and so I was in a place where, if I am just doing, like, Like a single page app.

I do that in spelt.

But if I want to like create like multiple pages of an application, then I will use like Astro with svelte or lit, or web components or whatever, right?

So that's how I was kind of going for a while and because I got saying just a single page application, no problem sending up to like Firebase or what-have-you like hosting and Cloud functions and all that and an astro was pretty easy as well.

Well, because it does like because the last one I did was like a Dino and there's like different.

We call these like adapters that you can deploy with pretty cool.

So my guy word.

So I have my nice like options that I can choose, right?

And, so I have been building a bunch of stuff with that.

And then last week on the 14th of December, Spill, kit, 1.0 dropped.

And so let me put a link to this so you can check that out.

Link, save Mike.

All right, so now And then there's like a nice video where they all kind of talk about it and things pretty cool.

And so what is felt kits?

Bulk.

It is a framework for building web applications on top of us felt UI component framework.

Okay, that's a good.

That's a good way for a UI component framework that developers love for its performance and ease of use and then so if you have used component Frameworks like smelt, you will know that they make it much easier to build user interfaces than working with the Dom directly.

But they leave a lot of questions unanswered.

And so like how do I structure my source code again while doing the stuff I was just doing a single page app and there's just kind of dashboards and stuff.

A lot of things I was making we like smelt this.

I don't want like multiple Pages if it's like a dashboard.

I don't need you linking to a specific route.

Yeah I am saying your going to go to the main page and it's going to do it for you.

So with stuff like that, I don't really it doesn't really need to be To perform it, because it's doing a lot of stuff already.

So it's kind of like the thing, like, okay, yeah, it's gonna probably be not.

It's still fast though.

Like felt is amazingly fast, you're mean, and so getting stuff up and running it.

Like it seems like seamless, right?

But I didn't want to have like different routes and all these other things and like, all the stuff I was doing, was job.

You need JavaScript, really?

I am saying both of like Astro if it's just like the front page Pi, don't need a lot of (JavaScript) you know.

Me and so, and there's like, no logging in, or any of that stuff is just a lot of presentational stuff.

And so that's why my multiple page apps are kind of like that either.

They're, all right.

So, How do I add server side rendering?

See, stuff like that.

And that's what I was using like Astro for and then how do I add routing?

That works on the server and in the browser.

Again, I use like a stripper that and how to make client-side, rounding accessible.

How do I fetch data?

You?

Think data, yada bunch of stuff, right?

And so, an application framework is designed to answer these questions.

Felt kit does.

So, with a design, informed, by the real world needs of an army of beta testers, many of whom have been running, swell kid in production for it.

Son.

We Salute Your courage and thank you for your invaluable feedback and the best ideas from other application Frameworks including next dot JS and remix.

So like the comic metaframe works, I guess.

And so for like, for react All right.

Okay.

So how's it different?

So they mentioned asteroid and see this part.

So, web developers today are spoiled with choice for Choice.

Yeah, wait, web developers today.

Are spoiled for choice.

Aside from the aforementioned Frameworks, there are options, like Astro which is mentioned battle-tested, server Frameworks like rails and laravel and then million static site generators these are all wonderful tools and you should feel good about choosing them feel pretty good.

Spell kid does things a little differently.

However, and so what they do differently.

So unlike traditional multi-page apps or MPA Frameworks was Ron's.

I was kind of using it when using like, Astro for it.

Defaults to client side navigation after Initial server rendered page load.

Oh see I didn't.

Okay.

This enables wait.

Is this?

Wait.

Oh, that's about spelt kit.

Okay?

So spell kit defaults the client side, navigation.

After the initial server rendered page load because Astro it's like when you go to a new page, it loads a whole brand-new page like it's brand-new whereas felt kit from what I have seen and what I am looking at, it will load the first page and then like a single page app all that other stuff is done client side.

So it doesn't make another call to the server for more information.

At least not like all brand-new.

So yeah, so this enables faster page, Transitions.

And again, that's I am like into the transitioning thing there.

Just seems really cool state that persist between Pages such as sidebar, scroll position and fewer data usage.

Yeah.

So not having to make a whole another call to re-render a whole new page kind of thing.

It also avoids rerunning third-party scripts like and analytics on every single page load.

All right that makes sense.

So unlike traditional server Frameworks it allows you to use one.

Which instead of it efficiently.

Effectively.

Whoo.

Okay, I am bad.

Instead of effectively, there's a light and its glaring.

My whole thing, having to tightly coupled apps, one to generate HTML on one to handle client-side interaction, okay?

So like the server to generate HTML send it down and then having to do anything, okay?

Because folk it runs, whatever JavaScript runs you can deploy your app as a traditional node server or use serverless functions, including at the edge.

Cool.

And, so I will use Astro kind of like for that because again, I guess I would hydrate like this felt Parts on the, on, in the browser but then Astro would compile all the stuff that didn't need to be like interactive and is make the like just regular HTML pages and stuff.

So All right, cool.

Then the talking about unlike static generators.

You can build your apps with personalized or dynamic data because not pre built without the performance.

Killing layout shifting effects of fetching it from the browser after the page loads.

Cool.

It has a bunch of stuff.

Cool.

So what can I use a spell kit and use its veto?

So you can use like, typescript ESL and prettier playwrights beat test.

So this thing is like a good ecosystem behind it, then waking deploy the apps and see.

This is what I thought was pretty cool.

That I heard from the call the video, they have adapters, and they have an adapter for Firebase, which is pretty dope, so I am looking forward to.

Yeah.

See they mentioned.

So a community provided chapters for Firebase right here.

So there's one for bun.

I even got a chance to try out bunts.

Maybe that might be something and then be no, which I have already deployed something to which is not bad.

Dino deploy is pretty dope.

So then you can also do it just as like a node server and then there's one like if you want just a single page app.

Like so if you're in Tire app is suitable for pre-rendering or as a single page, app Spa, you can use the adapter static, which turns Falcon into a static site generator, all right?

So you can use with any web server, including GitHub pages.

So just serving up static assets and then I will yeah a lot of good stuff than knowledge, some folks, and they're working with Cuz spelt it spelled kid is now under like verse cell.

And so they have been working with folks inverse L because you know, part of the thing and yeah, and so, all right, so they have this new Which I think I have.

Yeah, I have that coming up.

So yeah, there is that.

And then talk about migrating from the preceding.

This is so if you built an app with pre-release version of spill kit, we recommend upgrading to the final pre-release version.

Before upgrading to 1.0.

So it's the thing is, if you build some stuff from before their like, all right, well, you need to update to this very last preview one, and then you need to upgrade and so have the stable, release removes errors and warnings that were used for migrating between previous versions.

And so, there's like, a whole migration guide, I don't have to go through that your mean, so it's about what's next, and all of this stuff.

So I have been going through.

Okay, here're the docks and everything here so you can kind of go through that, but I am the kind of like looking through it.

But I wanted to kind of go through like they mentioned like the learn dots felt dot Dev and so it's right here so you can kind of go and check that out.

Let me add this to the list of links as well so you get to that directly.

And yeah, so I just kind of going through this, so they kind of goes through spelt.

Let me show you all the different parts.

So they show you like an introduction is felt right?

And then they give you like an introduction of smoke it and then there's like the advanced felt but suelte.

I am not sure how to pronounce it.

And then there's also Advanced swell kids Pretty cool stuff and so yeah.

So I am just been kind of like going through it play around with it, it's interactive which is pretty cool.

And yeah so that's where I am at.

I am actually going to be building some stuff and I have it as funny.

I have a project that I want to launch like or maybe early 2023.

And, so I have been kind of like building the parts together like in my brain and putting stuff together.

I am seeing house felt kids can play a part in building it out for the web kind of thing.

So let me stop sharing screen.

So yeah.

So have you played with smoke kid before with a pre-release or now are you now this out?

Are you willing to go and check it out and let me know if anything.

Alright, so I have totally had not even been doing anything with the like, I normally do like highlights videos, and so I pretty much have not been quit because I just so, so into it.

So let me Sure, back my screen.

So, I had some stuff for the Highlight Clips me see here.

So again, here's the announcement, the blog page I am adding that link to the recording so you can go directly to Andre for it for yourself and you kind of see and have this video, think it's like almost like an hour-long.

I believe in our hey, first two and a half hours, alright?

And they kind of go through everything and what's cool is they actually deploy it the 1.0 think, right here.

They actually deploy 1.0 introduction which was a pretty cool to see and yeah.

So is it them talking about it?

Having a good time and so you can check that out.

There you go.

Play in the background or what have you?

And so like I said I am going to go through, I am going through right now the docks.

And the actual like, tutorial section.

Because I want to see how different it is from sapper because I was building a bunch of projects likes I said before with sapper, and so I want to see how different it is from spill kit that's out now.

All right.

So yeah, looking forward to playing around with it and stop sharing.

My screen will get you all back to work and yeah I am kind of excited.

And so now it gives me like another option.

Four ways.

I can develop applications now, so I can do like the single page app join slow like my dashboards and like my admin sections or whatever.

Right?

Just like stuff that's going right?

I need like real time for the database, so I don't need to like multiple Pages.

It's just that one application.

So I have spelt for that then for like if I want to like use maybe like other Frameworks or whatever and I want like a multi-page like a multi page.

See, that's where I get like two options now to where like I can use like Astro.

I am a big fan of Astro, and so I can use that and then with spelt kits.

So I am kind of excited to be able to see like where I will lean towards depending on the application and so, yeah I am just yeah it's a good time to be like a developer on the web.

Yeah, I mean and so it's cool.

Be able to have all these different options to build out your thing and not having to be like stuck in one thing, you know.

I mean like it's Cool you have options now so it's pretty dope.

All right, so I am gonna get you all back to work.

Sorry for the long just it's super cool to me.

I mean, and so super happy that spoke it 1.0 dropped as another tool in my toolkit.

All right?

I am gonna send you all off with some traveling music.

This is new Jabez, featuring a Pawnee, be the track is called, thank you.

Thanks again for hanging out.

I will see you for the final break session, and we probably take a look at artists website.

Listen, some music watching videos and maybe they will become your favorite artists as well.

Favorite artists as well.

Alright, so again, thanks for hanging out.

This is new Jabez featuring a Pawnee be again.

The track is called.

Thank you.

Thanks again for hanging out.

I will see you all later.

15 minutes after the hour, I wish you much productivity, be easy piece.