00:00 All right, it's time to make our applications dynamic and interactive and stuff with react hooks. I'm excited about this. I want to show you a couple of the things that we're going to be building as we go through this workshop together. It's going to be pretty fun. We're going to spend a lot of our time in this experience where you can search through the different blog posts that we've got in here. We can favorite these things and all of this stuff managing the state for all of these things. In fact, you even have some derived state going on in here. Like look at that. How cool is that?

00:30 You can click on those and these get added and removed. Super interesting. When you submit this, that gets added to the URL or the query string in the URL. So when you hit refresh, it initializes properly. All of that stuff is what you're going to be learning about.

00:44 In the process, you'll learn about React's rendering and app lifecycle. You've got an initial render, creating the DOM. This is as far as we've gotten so far before this workshop. In this workshop, you'll learn when the user interacts, we can update some state and that will trigger React to re-render and update the DOM again.

01:00 Pretty cool and interesting flow of things, but not everything is inside of React. We're going to be interacting with third-party libraries to do fancy effects like this. Look at this nonsense. What's going on? So we can control that over time and we can even increment when it's still in its effect. Super interesting. We're going to be going deep on that. It'll be fun.

01:26 We're going to explain to you what the heck this thing is, the React hook flow diagram, which will kind of help conceptualize or help you solidify in your mind what and when different things happen as we're going through the app lifecycle. What happens when the state changes? Well, that's what this is trying to describe.

01:45 And then finally, we go through kind of a practice of like, let's review what we learned sort of thing by building tic-tac-toe, which I think is pretty fun. Inspired by the original React tutorial, but we go a little deeper in that and like even with local storage. Check this out. Refresh. Oh, snap. It's still there. Yeah, cool stuff. I think that you're going to enjoy this. So let's do that. Let's go enjoy this. Let's get started right now. See you there.