FrontendMasters · dtauer · May 21, 2024 · Mar 22, 2024
diff --git a/en-US/2022-12-05-complete-react-v8/0-introduction.txt b/en-US/2022-12-05-complete-react-v8/0-introduction.txt
@@ -136,13 +136,13 @@ And it's always at the bottom. It'll always tell you the name of it, and it'll a
 So this is basically all of my course notes, right? So I am always just going through here and making sure I'm hitting all of my talking points. You can basically teach yourself this workshop by just reading my website cuz it's literally what I'm doing here. What is new from v7 in this course?
 
 [00:14:00]
-This course goes from v7 used Parcel, this will use VT, which is a different build system. The React community has kinda moved in another direction. I try and teach things that I believe in, and I also try and teach things that I think are gonna be most useful to you.
+This course goes from v7 used Parcel, this will use Vite, which is a different build system. The React community has kinda moved in another direction. I try and teach things that I believe in, and I also try and teach things that I think are gonna be most useful to you.
 
 [00:14:16]
-That's kind of the the Venn diagram of stuff in the course. Personally, I still use Parcel. I love Parcel. It's the best developer experience tool for build systems. V7 uses it, v6, v5. I've used Parcel for a long time. But the React community has moved on. They've moved to VT.
+That's kind of the the Venn diagram of stuff in the course. Personally, I still use Parcel. I love Parcel. It's the best developer experience tool for build systems. V7 uses it, v6, v5. I've used Parcel for a long time. But the React community has moved on. They've moved to Vite.
 
 [00:14:34]
-VT is still awesome. VT is from the same people that do Vue. Great tool, basically is good. So, that changed. I've just updated some things to work a little bit better. I'm trying to remember exactly. We talked about React Query. That's probably the biggest addition to v8 that was done in v7, which is just a new tool for doing fetching and requests and stuff like that.
+Vite is still awesome. Vite is from the same people that do Vue. Great tool, basically is good. So, that changed. I've just updated some things to work a little bit better. I'm trying to remember exactly. We talked about React Query. That's probably the biggest addition to v8 that was done in v7, which is just a new tool for doing fetching and requests and stuff like that.
 
 [00:15:00]
 Basically, everybody uses it now, and it's a great tool. So I use it. So I think I believe in it. We'll talk more about uncontrolled forms than we did in v7. I'm trying to think if I cut anything out. I'm sure I did. And then just in general, this is the version 18 of React as opposed to version seven, this course taught version 17.

diff --git a/en-US/2022-12-05-complete-react-v8/0-introduction.vtt b/en-US/2022-12-05-complete-react-v8/0-introduction.vtt
@@ -1226,7 +1226,7 @@ What is new from v7 in this course?
 265
 00:14:00.150 --> 00:14:04.326
 This course goes from v7 used Parcel,
-this will use VT,
+this will use Vite,
 
 266
 00:14:04.326 --> 00:14:06.947
@@ -1279,15 +1279,15 @@ But the React community has moved on.
 
 277
 00:14:34.034 --> 00:14:34.559
-They've moved to VT.
+They've moved to Vite.
 
 278
 00:14:34.559 --> 00:14:35.570
-VT is still awesome.
+Vite is still awesome.
 
 279
 00:14:35.570 --> 00:14:37.889
-VT is from the same people that do Vue.
+Vite is from the same people that do Vue.
 
 280
 00:14:37.889 --> 00:14:40.640

diff --git a/en-US/2022-12-05-complete-react-v8/1-pure-react-createelement.txt b/en-US/2022-12-05-complete-react-v8/1-pure-react-createelement.txt
diff --git a/en-US/2022-12-05-complete-react-v8/1-pure-react-createelement.vtt b/en-US/2022-12-05-complete-react-v8/1-pure-react-createelement.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/10-hooks-q-a.txt b/en-US/2022-12-05-complete-react-v8/10-hooks-q-a.txt
diff --git a/en-US/2022-12-05-complete-react-v8/10-hooks-q-a.vtt b/en-US/2022-12-05-complete-react-v8/10-hooks-q-a.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/11-mapping-through-data-with-hooks.txt b/en-US/2022-12-05-complete-react-v8/11-mapping-through-data-with-hooks.txt
diff --git a/en-US/2022-12-05-complete-react-v8/11-mapping-through-data-with-hooks.vtt b/en-US/2022-12-05-complete-react-v8/11-mapping-through-data-with-hooks.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/12-adding-animal-breed.txt b/en-US/2022-12-05-complete-react-v8/12-adding-animal-breed.txt
diff --git a/en-US/2022-12-05-complete-react-v8/12-adding-animal-breed.vtt b/en-US/2022-12-05-complete-react-v8/12-adding-animal-breed.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/13-effects.txt b/en-US/2022-12-05-complete-react-v8/13-effects.txt
diff --git a/en-US/2022-12-05-complete-react-v8/13-effects.vtt b/en-US/2022-12-05-complete-react-v8/13-effects.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/14-usebreedlist-custom-hook.txt b/en-US/2022-12-05-complete-react-v8/14-usebreedlist-custom-hook.txt
diff --git a/en-US/2022-12-05-complete-react-v8/14-usebreedlist-custom-hook.vtt b/en-US/2022-12-05-complete-react-v8/14-usebreedlist-custom-hook.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/15-handling-user-input-review.txt b/en-US/2022-12-05-complete-react-v8/15-handling-user-input-review.txt
@@ -11,7 +11,7 @@ And then we just call requestPets. So you can see here we have onChange and onSu
 One of the things I was gonna say, not that it's super matters, but this e here, which we're definitely treating just like a normal DOM event, technically is a React synthetic event. Generally doesn't matter, it has all the exact same APIs as a normal DOM event, but sometimes it actually does matter.
 
 [00:01:23]
-That's not literally a dom event, it's a fake dom event. Usually type script because type script will get picky about what kind of event it is. So, file that somewhere under your brain of maybe useful in type script stuff. That's a pretty big pile in my brain.
+That's not literally a dom event, it's a fake dom event. Usually TypeScript because TypeScript will get picky about what kind of event it is. So, file that somewhere under your brain of maybe useful in TypeScript stuff. That's a pretty big pile in my brain.
 >> Is that what they call the virtual dom?
 
 [00:01:42]

diff --git a/en-US/2022-12-05-complete-react-v8/15-handling-user-input-review.vtt b/en-US/2022-12-05-complete-react-v8/15-handling-user-input-review.vtt
@@ -104,8 +104,8 @@ it's a fake dom event.
 
 23
 00:01:28.533 --> 00:01:31.666
-Usually type script because
-type script will get picky
+Usually TypeScript because
+TypeScript will get picky
 
 24
 00:01:31.666 --> 00:01:33.445
@@ -114,7 +114,7 @@ about what kind of event it is.
 25
 00:01:33.445 --> 00:01:37.702
 So, file that somewhere under your brain
-of maybe useful in type script stuff.
+of maybe useful in TypeScript stuff.
 
 26
 00:01:37.702 --> 00:01:40.567

diff --git a/en-US/2022-12-05-complete-react-v8/16-component-composition.txt b/en-US/2022-12-05-complete-react-v8/16-component-composition.txt
diff --git a/en-US/2022-12-05-complete-react-v8/16-component-composition.vtt b/en-US/2022-12-05-complete-react-v8/16-component-composition.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/17-styling-the-pet-component.txt b/en-US/2022-12-05-complete-react-v8/17-styling-the-pet-component.txt
diff --git a/en-US/2022-12-05-complete-react-v8/17-styling-the-pet-component.vtt b/en-US/2022-12-05-complete-react-v8/17-styling-the-pet-component.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/18-react-dev-tools.txt b/en-US/2022-12-05-complete-react-v8/18-react-dev-tools.txt
diff --git a/en-US/2022-12-05-complete-react-v8/18-react-dev-tools.vtt b/en-US/2022-12-05-complete-react-v8/18-react-dev-tools.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/19-react-router.txt b/en-US/2022-12-05-complete-react-v8/19-react-router.txt
diff --git a/en-US/2022-12-05-complete-react-v8/19-react-router.vtt b/en-US/2022-12-05-complete-react-v8/19-react-router.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/2-pure-react-q-a.txt b/en-US/2022-12-05-complete-react-v8/2-pure-react-q-a.txt
diff --git a/en-US/2022-12-05-complete-react-v8/2-pure-react-q-a.vtt b/en-US/2022-12-05-complete-react-v8/2-pure-react-q-a.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/20-useparams.txt b/en-US/2022-12-05-complete-react-v8/20-useparams.txt
diff --git a/en-US/2022-12-05-complete-react-v8/20-useparams.vtt b/en-US/2022-12-05-complete-react-v8/20-useparams.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/21-react-query.txt b/en-US/2022-12-05-complete-react-v8/21-react-query.txt
diff --git a/en-US/2022-12-05-complete-react-v8/21-react-query.vtt b/en-US/2022-12-05-complete-react-v8/21-react-query.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/22-performance-optimization-with-react-query.txt b/en-US/2022-12-05-complete-react-v8/22-performance-optimization-with-react-query.txt
diff --git a/en-US/2022-12-05-complete-react-v8/22-performance-optimization-with-react-query.vtt b/en-US/2022-12-05-complete-react-v8/22-performance-optimization-with-react-query.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/23-refactoring-fetchbreedlist.txt b/en-US/2022-12-05-complete-react-v8/23-refactoring-fetchbreedlist.txt
diff --git a/en-US/2022-12-05-complete-react-v8/23-refactoring-fetchbreedlist.vtt b/en-US/2022-12-05-complete-react-v8/23-refactoring-fetchbreedlist.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/24-uncontrolled-forms.txt b/en-US/2022-12-05-complete-react-v8/24-uncontrolled-forms.txt
diff --git a/en-US/2022-12-05-complete-react-v8/24-uncontrolled-forms.vtt b/en-US/2022-12-05-complete-react-v8/24-uncontrolled-forms.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/25-class-components.txt b/en-US/2022-12-05-complete-react-v8/25-class-components.txt
diff --git a/en-US/2022-12-05-complete-react-v8/25-class-components.vtt b/en-US/2022-12-05-complete-react-v8/25-class-components.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/26-handling-events-in-class-components.txt b/en-US/2022-12-05-complete-react-v8/26-handling-events-in-class-components.txt
diff --git a/en-US/2022-12-05-complete-react-v8/26-handling-events-in-class-components.vtt b/en-US/2022-12-05-complete-react-v8/26-handling-events-in-class-components.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/27-error-boundaries.txt b/en-US/2022-12-05-complete-react-v8/27-error-boundaries.txt
diff --git a/en-US/2022-12-05-complete-react-v8/27-error-boundaries.vtt b/en-US/2022-12-05-complete-react-v8/27-error-boundaries.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/28-modals-with-portals.txt b/en-US/2022-12-05-complete-react-v8/28-modals-with-portals.txt
diff --git a/en-US/2022-12-05-complete-react-v8/28-modals-with-portals.vtt b/en-US/2022-12-05-complete-react-v8/28-modals-with-portals.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/29-implementing-modals-with-portals.txt b/en-US/2022-12-05-complete-react-v8/29-implementing-modals-with-portals.txt
diff --git a/en-US/2022-12-05-complete-react-v8/29-implementing-modals-with-portals.vtt b/en-US/2022-12-05-complete-react-v8/29-implementing-modals-with-portals.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/3-pure-react-components.txt b/en-US/2022-12-05-complete-react-v8/3-pure-react-components.txt
diff --git a/en-US/2022-12-05-complete-react-v8/3-pure-react-components.vtt b/en-US/2022-12-05-complete-react-v8/3-pure-react-components.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/30-context.txt b/en-US/2022-12-05-complete-react-v8/30-context.txt
diff --git a/en-US/2022-12-05-complete-react-v8/30-context.vtt b/en-US/2022-12-05-complete-react-v8/30-context.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/31-context-q-a.txt b/en-US/2022-12-05-complete-react-v8/31-context-q-a.txt
diff --git a/en-US/2022-12-05-complete-react-v8/31-context-q-a.vtt b/en-US/2022-12-05-complete-react-v8/31-context-q-a.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/32-wrapping-up.txt b/en-US/2022-12-05-complete-react-v8/32-wrapping-up.txt
@@ -32,7 +32,7 @@ This is more like an example, responses they have a lot of stuff in here. They h
 All very [INAUDIBLE] places fly, render just a bunch of them. We didn't do themes, so maybe go make a dark mode, right? And you could use context to make a dark mode, that'd be another good reason. Add a nav bar, I mean this is pretty bare bones navigation.
 
 [00:03:29]
-That'd be another good way to kinda just flex your React skills. We used VT, but you might try something like parcel, or snow pack, or maybe use ES build directly, as opposed to V is using ES build for you. Or something else If you do, let me know.
+That'd be another good way to kinda just flex your React skills. We used Vite, but you might try something like parcel, or snow pack, or maybe use ES build directly, as opposed to V is using ES build for you. Or something else If you do, let me know.
 
 [00:03:46]
 Share me either a link to a code Pen or a GitHub report, I would love to see what you're doing. Feel free to tweet at me. Thanks everyone, thanks for sticking with me. And hopefully, you enjoyed the course.

diff --git a/en-US/2022-12-05-complete-react-v8/32-wrapping-up.vtt b/en-US/2022-12-05-complete-react-v8/32-wrapping-up.vtt
@@ -273,7 +273,7 @@ kinda just flex your React skills.
 
 57
 00:03:34.322 --> 00:03:39.076
-We used VT, but you might try something
+We used Vite, but you might try something
 like parcel, or snow pack, or
 
 58

diff --git a/en-US/2022-12-05-complete-react-v8/4-npm-prettier-setup.txt b/en-US/2022-12-05-complete-react-v8/4-npm-prettier-setup.txt
diff --git a/en-US/2022-12-05-complete-react-v8/4-npm-prettier-setup.vtt b/en-US/2022-12-05-complete-react-v8/4-npm-prettier-setup.vtt
diff --git a/en-US/2022-12-05-complete-react-v8/5-eslint-git-setup.txt b/en-US/2022-12-05-complete-react-v8/5-eslint-git-setup.txt
diff --git a/en-US/2022-12-05-complete-react-v8/5-eslint-git-setup.vtt b/en-US/2022-12-05-complete-react-v8/5-eslint-git-setup.vtt