Name: ティーン映画のアーキタイプとしてのリアクト、ヴュー、そしてスベルテ - レタ・キーン｜JSConf Hawaii 2020 (React, Vue, and Svelte as Teen Movie Archetypes - Leta Keane | JSConf Hawaii 2020)
Uploaded: 2021-01-14T10:27:27.000Z
Duration: 21 min 16 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

So today we're gonna learn about reactive, you in spelt, and I'm gonna use the medium of teen movies to draw analogies.

程度の副詞

Um, this is gonna be a very high level overview.

So unfortunately, that won't teach you how to write in any of these, but hopefully it will give you a good understanding of the ways in which they're similar and different.

Okay, so I wanted to begin with a brief land acknowledgement.

The conference is taking place on native Hawaiian land.

Queen Liliuokalani was fined over sovereignty of the islands to the U.

Under duress in order to save her people from violence.

Um, native Hawaiians have been stewards of the land and its abundant biodiversity for centuries, which is why we can enjoy it today.

Um, and I am a the personal opinion that sovereignty should be returned.

And I'm an instructor at the Turing School of Software and Design in Denver, Colorado, where a nonprofit code school that in seven months takes professionals who are transitioning into tech and trains him to be job ready junior developers.

The reason I'm qualified to give this talk is as an instructor, I teach my students the ins and outs of Java script.

I also teach mostly reacted, mostly a react developer.

So if there's any lies I tell you about view and svelte, I'm very sorry.

Uh, so for the next 20 minutes or so, we're going to be learning together.

And because learning requires both vulnerability and trust with each other, I'll go first by being very vulnerable and sharing with you a photo of me from high school and you can see that young leader was very nerdy.

My favorite activities in high school was was being part of the competitive marching band we had to marching bands on.

Uh, some of my favorite movies at the time were clueless and 10 Things I hate About You and Empire Records.

And I really believe that teen movies, the stories they're actually telling are just about the lesson that we all should learn, which is people are more than what they seem because of this messaging, that seems like a great way to start talking about these different framework so we can really dig in and get past our, uh, basic understanding of what they are.

Okay, so we're gonna be talking about react and view and svelte today and again, it's gonna be from a very high level.

So something with react React is like the big, swaggering jock who everybody knows and like it's really easy to be like, Oh, they're kind of like a bully.

They make you do things their way, But then it turns out like they actually really care, and they just want to make things easier for you and like they learn how to listen.

So let's live a little more into that, uh, react super popular.

Even if you don't personally right react.

It can be hard to get to know, react at first.

There's a lot of long posts and stories and rumors about them.

React takes up a lot of room when react comes into the cafeteria like you always know, they're they're, um React has, like, its own language, its always using strange slang like offsides and first and down.

And J s X uh, and One of the great things about react, though, is that it works with its teammates and really values them.

And so it's always rolling into the cafeteria with Dom and babble and blood pack on, and they work together to solve things.

One of things that surprises people about.

You know, this jock who seems like very popular and knowledgeable is that they're constantly striving to improve themselves.

React is always trying to get better, faster, to listen, to address needs so they really care about being the best product available.

Okay, let's leave behind that kind of sweaty analogy and talk about actual react.

It's like all the frameworks we're gonna be talking about today.

Its component based most of the structure and logic data model, exists in one vial, and it doesn't have to be that oftentimes, styles are, uh, distributed into a different file structure.

So it's not all encapsulated, um, react Well, well.

Looks like we all know because some of us might not know this, but react uses dependencies like react.

Uh, there's oftentimes a rather steep learning curve.

If you're coming from a strictly pure vanilla JavaScript background, having to learn how the virtual dom works and using joyous sex.

You can write React without JSX, but it's Harry Harry and more difficult, I think, than just learning the JSX react.

It's highly configurable like favors configuration over convention.

This makes it very flexible, but it does put a lot of the onus of deciding how things are gonna work up front on the developer in order to configure those things.

One of the great things about react is it has been around for a long time, and so therefore, it's well documented.

Um, any pretty much anything you want to do with it, maintain it, debugging it, there's gonna be plenty of resources and block post out there, um, to help you with working with react Cool.

We're gonna move fast because now we're gonna talk about view.

So like, it's been really easy to overlook view because of what hasn't been like super flashy.

Uh, but as you've gotten older, as you've matured, you've come to value stability, dependability, accessibility, and so view is like their best friend who like At first, you're kind of like whatever took for granted.

But now you're just like all you're always there.

It's pretty easy to get to know there aren't a lot of barriers.

Um, it's a view is very organized, like it wants to keep.

It's trig homework in a separate folder from its history homework, with all the rest of, like history class things like has separate trapper keepers for each class.

All right of you can be kind of picky about how things are done, but when the plus sides is that it's pretty consistent, like it has its one route to school.

It has ways those things, and it sticks to them.

View doesn't really use a lot of weird slang or jargon.

And view is also a great project partner because they'll contribute as much as you want for the project, or they run the whole thing if you need them.

Thio There's really flexible and relaxed, uh, all right, so view also component based, but oftentimes not all the time, but often times, uh, everything you need for the component, from the structure to the styling to the logic and data there encapsulated in a single file, uh, view.

Given that it's a lot lighter weight than react, it's pretty easy toe.

Lily my great things over as one component at a time as you need Thio.

It uses a style tag to do it, styling in line scripting, and there isn't a heavy lift with having to learn.

There's a few weird quirks with using the V binding shorthand and interpreting JavaScript into the HTML using our double curly brat races.

Uh, unlike React, View favors convention over configurable ity.

There are ways to make it more configurable, but there's basically like a few ways to do particular tasks that view prefers.

Plenty of great, uh, vlog posting tutorials about maintaining debugging, uh, spinning up fresh APs incorporating view into existing APs, et cetera.

Now we're gonna talk about the weird new kid at school.

So there's always, like, you know, the start of any good teen comedy, like the intriguing new kid who rolls in.

And no one's really quite sure what social currency they have.

Seems kind of weird at first, kind of hard to get to know.

But it turns out, spelt is just kind of like it's just a helpful dork just wants to be really helpful.

And, uh, okay, we'll talk more about so, uh, help.

It doesn't really think the same way that reacted.

字幕リスト動画再生

ティーン映画のアーキタイプとしてのリアクト、ヴュー、そしてスベルテ - レタ・キーン｜JSConf Hawaii 2020 (React, Vue, and Svelte as Teen Movie Archetypes - Leta Keane | JSConf Hawaii 2020)

weird

ultimately

figure

basically