Transcript

Lecturer: 0:00 Let's get more serious with this useState and build a tic-tac-toe game using useState. There's not any new hooks or anything like that you're going to be learning here but we are going to be talking about managed state versus derived state. You're going to be experiencing some of that.

0:15 You'll be using some functions down here that you can feel free to peruse and learn about if you want to. That's how you're going to be deriving some of the state in this exercise.

0:24 Ultimately, your goal is to make this tic-tac-toe game work just as beautifully as it does right here. Winner! Don't forget the extra credit because we do have some pretty fun and interesting extra credit, like preserving the state in localStorage.

0:41 Which will harken back to a previous exercise using our useLocalStorageState hook and adding a game history feature which is definitely a fun mind-bender. It will be a really cool one. I think you'll like that.

0:56 Another thing that we have going for this one is if you want to practice your skills at refactoring a class version of this component to a function component with hooks, say that you have some experience with the class components and you want to play around with that refactor process, then you can go ahead and do that as well.

1:13 I'll work through both of these. Have fun with this exercise and we'll see you on the other side.