Speaker is wondering how people will be doing routing in react. It used to be create react app to get people started, but now it's talking about next Jaso remix. Speaker is not satisfied with the way the conference layout is laid out.

Speaker is creating the videos from the conference. They want Anna to create react app. Speaker is excited about react. They like the fact that react takes research into production. Speaker recommends choosing one of the react powered Frameworks popular in the community. They will need to install node vocal development. Phoenix gets the next Expo for Native apps next year. They got rid of create reactor.

Speaker would not like to have to set up a whole frame to do something like create react.

Speaker is back at work. They are almost done with the post radio show social media promo stuff. Speaker is going to talk about Facebook meta, a Frank library that people use a lot within coding. They want to take a look at the new Doc website. Speaker explains how to tell if someone is using a Windows computer.

Speaker is learning react the library for web and Native user interfaces. It lets them build user interfaces of individual pieces, called components, create their own react points, and combine them into entire screens pages and apps. Speaker is impressed with react. They create a single video. Speaker hasn't written react like a professional react application in a long time. They explain to them how react components, receive data and return.

Speaker is excited about the react website. They are always a big fan of Code sandbox because they can Fork it and open up by code sandbox. Speaker is going back to work. They want to finish up the radio stuff and download the programs on their Chromebook.

Speaker wants to know what react thinks about the new site.

• react points
• react feels
• logic
• user types
• braces
• create react app
• conference layout
• react team
• dev website

Ticket.

I welcome back at same old place that you like, but those dreams every made Welcome back.

Welcome back.

Welcome back.

Welcome back.

Welcome back.

Welcome back.

Welcome back.

Alright, so, welcome to works and hopefully you were productive.

Last work session.

Just give it a stretch.

Okay.

Oh yeah.

Oh yeah, so I am almost done with the post radio show social media promo stuff.

I have got Almost all the stuff posted, so I am halfway done Instagram.

I just set to finish up with the Twitter and yeah, so it's got to post to another Instagram account and should be fine.

So, Yeah, awesome.

Okay, so speaking of Instagram which is owned by Facebook which is metal now Right?

Going to talk about a thing.

Also, with Facebook meta, a Frank library, that folks use a lot within the coding.

Well, if you, if you let Twitter to tell you, it's like the only thing people use, but it's funny.

Okay.

Well, I want to take a look at the new Doc site.

The new documentation site is brand-new.

I figured might as well, check it out.

Out.

Seems kind of cool.

You about react.

That's the whole Instagram to meta.

React all owned by Facebook / meta.

I don't know.

I am tired.

So site, react Dev, right?

It used to be.

I think react Jes dot-org.

I think we will just like, before.

Let me double check that you chose to react JS.

Got Org.

Well, it goes right back to react goddamn.

Okay.

Now my, so the official is reacted dot death.

I am going to add a link to this so you can check it out later.

Next to the recorded video.

All right.

So all right so here we go.

Again you can tell when someone's like on Windows computer, that anytime there's like a flag Emoji for whatever reason Windows.

Even if you're in a browser will not render, the actual flag will put like the country code or whatever.

There it is.

So weird, I am not, I am not sure why that does that.

But that's how you can tell if somebody is using a Windows computer.

All right?

So, So, here we go.

All right.

Looks clean Digging It.

Alright.

And then, I guess this, yeah, night mode.

Does that sun look like it?

Have a moon in it positions.

Kind of like make it look like it's round or something.

Oh that's cool.

All right.

Let us see.

All right.

I like how they have, like the learn thing right there.

So react the library for web and Native user interfaces, you can learn to react.

So they really want you to get really like, hey, check this out.

All right, so create unit, user interfaces from components react.

Lets you build user interfaces of individual pieces, called components, create your own react points, like a thumbnail button in video.

Then combine them into entire screens pages and apps.

All right.

Very cool and I noticed because kind of look at this before, Cool.

Is that you can like highlight certain sections like this div is surrounding the whole thing and then you have like a thumbnail.

And then you have like the video itself, it's a link to the video and then the description they have the like button.

That's pretty cool.

Yeah.

Like, you can't edit it though, so that's, you know, I think you can edit this stuff later.

I think, probably get to that.

So they now whether you work, thousands of other developers using react feels the same.

It is designed to let you seamlessly combine.

It's written by independent people teams and organizations.

Cool.

The right components with codon markup.

All righty and so then they're talking about so it's got progressively like complex.

So let us create a single joint, right?

And what do I render is like that?

Is that my computer?

Or is that the?

I am not sure that's weird.

Okay.

So then so now you see it was just a single video.

Now we have a video list and so videos and empty heading.

Okay, so we got videos length so it's not, you know, you know you got to go.

Okay, so if it's more than and then because otherwise videos otherwise video noun, okay, huh?

Interesting.

Okay, guess we're this year.

I guess and heading empty, so I guess it starts off empty.

Or maybe it's something else.

I don't know what this is empty.

I don't know, I haven't written like react like a professional react application in a long time.

So I, so I would probably like if I ever had to, I probably go back to this and like, go through everything kind of, you know, refresher because a lot has changed.

From last time, I looked Cool.

Then we wrap everything to section.

So again, it shows you that highlights it cools.

And then we have the heading, and they were mapping through the videos and has.

All right?

Cool.

Hey, this Market been syntax is called jsx.

It is a JavaScript syntax extension popularized by react, putting JS, x mark up close to related.

Rendering logic, putting JS, x, mark up close to related.

Rendering logic makes react components easy to create maintain and delete, okay?

Interactivity whenever you need.

Yeah, this thing is like is yes loading.

Yeah, it's like re-rendering every time I was not in view, huh?

Interesting.

Okay.

And these are like I think these like full like web pages.

I think to inside of here.

Okay, so react components, receive data and return.

What should appear on the screen?

You can pass them new data in response to an interaction like when the user types into an input will see that react will then update the screen to match the new data so there's like a search.

So let us say if we were looking at introducing right, if I type it, introducing I can type.

Yeah, so you see, there we go, introducing and bring them all.

That's cool.

To you stay see passing into videos.

Okay, when you hmm?

Okay, I guess.

It's in curly.

Again, I have not done this in a minute, I am just noticing things now and you put it in curly braces, the videos because like an array because it's filter videos where it's filtered videos.

It's not a separate function somewhere.

Maybe that's not being shown here.

So this is probably like a full thing is just some parts of it, okay?

Go into the video list, which I think was the one before you search input.

Right.

And you don't have the build your whole page and react to your existing HTML page and render interactive react components anywhere on it.

So then at school they take you to a section Adria Go full.

Works it out.

This is what I have been with people are like the eyes of create react app and so create react that before was like a command that you would run like normally how you like start any project and it was like, npm create react app and then you put like the name of the app and it would go through and create everything.

I guess that has fallen out of favor for using more Frameworks like it says here next JS or remix.

So, we act as a library, it lets gather, but it doesn't prescribe how to do routing and data fetching, which is weird because I could have sworn Like there was reacted router.

Which is how people will be doing routing but I guess because those like the link tag in react and that's how you would go through different things, right?

I don't know.

Again, it's been a minute.

So all like, this is still pretty new.

But now, so saying to build an entire app with react both stack react framework like next JS or remix.

So now they're just not even mentioning create react app.

I don't think I haven't seen that anywhere yet, because before it was like, you create react I have to get you started but I guess now they're talking about next Jaso remix.

So cool.

And then here's a saying, like so this is like actual site so you can like refresh it And shows up interesting.

Mmm.

So okay.

So the others database file here in suspense.

That's a new one for me.

I think so.

Yes, until something so wait.

I guess wait until some stuff is loaded I guess because it has this fall back thing.

So if it doesn't work, you do talks loading, which I am assuming is like that shimmering thing here.

So I am assuming that is toxic floating.

Again, it doesn't show it what that thing is?

And it doesn't.

Normally, you'd have to import like conference, lay out unless it's below here somewhere, right?

Like, you have to import.

Conference layout because I just like how they imported suspense and talks loading.

I don't know.

Cool.

So then here're the talks.

So, yeah, conference layout is, like, below this talks thing.

I just like, how its set up here or you'd have the imported these us from my understanding, which is very Alright, so again, so we got the tox you pass in the conference ID gear.

Cool.

And they're using the database, which I am happy.

Because it has to have like a function on their of by the talks, not function, but like and guessing array or something.

And then you find all based on the conference ID.

And then, from the video, With from where I am.

So oh no.

So you're creating the videos?

I am tired.

I am so tired Ox right then?

You're getting your mapping through them and then from all the conference, I detox.

There's like a video there that video, and they take that and pass it into the searchable video list with cool.

You can like highlight stuff so you can see what's the surgical video list.

Cool.

Be nice to feel like if those like maybe like a I show more so you can see the full thing because again, I kind of want to see this conference layout thing, which is just This whole thing, maybe.

Anna, this is Gangster product mention, create react app anywhere in there.

That's like starting an actual project.

Alright, so use the best from every platform.

Until my knees, web-like react is cool.

Okay, upgrade.

When the future is ready.

We act, approaches changes with care acid, on business, critical services with over a billion users with over 110 meta, health value, creation strategy so you can sell, they really use it within the organization.

React team is always researching on how to improve read some research, takes years to pay off, react has a high bar for taking research.

Idea into production.

Only proven approach has become a part of react.

Then join a community of millions.

That's kind of cool.

It's pages.

I know that guy.

Two million developers from all over the world.

Visit the react docs every month, react to something.

And teams can agree on cool.

It's like Morgan Library architecture.

Even a Niko's.

Welcome to react to the learn section.

All right, cool, I am curious to this story.

Dinner.

This is the link.

Pretty sure I save the link.

All right.

The new app or a new website fully with react, we recommend picking one of the react powered Frameworks popular in the community, okay, Frameworks provide features that most apps, and we need including routing data fetching engine.

Well that's like simple just like a counter though.

Like I just want to just for whatever reason.

My app is just a thing with the kids and I want some reason.

Mmm.

No, you will need to install node vocal development.

You can know Jess a ton but you don't have to Okay.

CSO the time on next year, Phoenix gets the next Expo for Native apps.

Bleeding edge, react Frameworks.

Again next year?

Yes.

So they really got rid of create reactor.

It's not even like mentioning more, let me search for it, curious.

Now, I was okay sure create yeah, right.

Found nothing.

Okay.

So I guess they really got rid of it.

Damn.

Okay.

It's kind of sad to see though it was, you know, it's kind of like an easier way to get started, other Pitfall.

Now those some parts of this where it was look like this.

So it still is not fully built out because I was looking at it before it was an escape hatches.

I think.

And there was like a section.

So this is so I like this as well.

So you can kind of.

So here goes just like with the click anything, right?

See I wouldn't want to have to set up a whole frame best to do this.

That's what was like create react.

That was cool for I guess it's kind of like get something out there but now if I have to set up like a whole framework I am like for something that's you know I don't do that I am either in there and so you kind of sums up what school is like you can reset this Right?

And then you can actually edit this.

So please then you just have to there, which is pretty dope.

All right.

I am always a big fan of that.

It looks like they're using Code sandbox because you can Fork it and open up by code sandbox with it in there, which is pretty dope.

You can download it.

Very nice, you click it pops up.

Cool, we click one time.

Pretty cool, very nice I have seen, but oh, yeah.

But there was a section, maybe is my computer while loads, weirdly like that.

But there was a section where I was like coming soon or see ya hear you under construction.

So look like it's not fully done.

So this section describes an experimental API had not yet.

Been released in a stable version of react.

Okay.

Cool.

So yeah, so that is the dev website, ranked newly-released, shots of the team.

But I know I am sure they put in a whole lot of work into doing that, so I shall sew them.

All right, so that once in your life, back to work because I want to finish up this radio stuff because I really need to let me too but I want to get these programs downloaded onto my Chromebook.

So I have to keep Lugging around this huge laptop to the station.

And yeah.

So let us send you a loft back to work.

Thanks again for hanging out and send you off with some traveling music.

And want to pull that up here.

Okay.

So what do you think?

Do you use react?

What do you think about the new site?

Let me know.

And so until next time, I wish you much productivity.

This is Anthony Cruz.

AKA butter.

Dragon scroll.

Thank you.

Thanks again for hanging out and see you around.

You will be easy piece.