 So this example that you're seeing here actually starts off with something very simple and I'm going to work on this one page up using a react. So what's happening is I'm going to go to my local server and then set up a page. But what I'm going to do is that I'm just going to make that using my terminal. So I'll just blow this out so that you're able to see. So I'm going to make a directory that I'll call static or you can call it whatever you wish to call it, maybe stating. And then what I'm going to do next is that I'm going to npx create react app, which is a one way of not installing a create react app on my local computer, but I can always call it from the npm report. When I start running this out, of course it's going to install what is needed, it's going to install a package.json file right in here. Then at the end of the day, it's going to start installing all the npm files that are needed to run this. So you've seen the json.package file, it's already installed. All right. If we look in our terminal, we'll see that everything installed correctly and our package.json built in a couple of extra scripts, it built in whatever is needed to help us start. So we have react, react domain, react scripts already included as dependencies. So I think we are ready to go. So I'll just open up our folder, our local folder of stating in our editor just to see what is actually going to happen. And then next I'll be able to run the program on our local server. So open this up in our local editor. We'll see in our source folder, we just have a few CSS files, JavaScript, some tests and then a couple of things. And then if I run this, I'll just have to see into change directory into stating. And then I'm going to just npm start to allow us to run our react. We see right here now is the initial template that we get from our create to react up. And it's just going to be an empty file, an empty page. But it's going to just have an icon of react just running here. If we quickly scan through what's going on here is if we go to our index.js, this is the file that starts all the work because if we look in our package.json, we see that everything is, oh, it's not here. So our starter file is the index.js for the react file. And what's happening is that it's importing react react dom, importing the CSS, importing our app file, which is app.js. And then installing a service worker to help us with a couple of things that is making our site better in terms of caching. And then with react dom, we're getting a virtual dom from react. And then it's going to render our app by linking to the elements with an idea of root. So if we quickly go into the exposed file of the public HTML, we have index.html and it's the one that is running all this information at the backend. So what I'm going to do is if I change this title and call it first app and save right here, if we go back to our app, you're going to see here in the particular bar that we have here in the address bar, we have first app showing up. And that's how we know that all this is actually editable. The HTML can be added on too. But most importantly, we're going to start working on what is in our app here. So what I'm going to do is I'm going to remove this paragraph, remove the links. And then I'm also going to remove the header and the image. And then if I save this, we're going to realize that our react app is autoloading. So we have something that is blank. So we're actually able to write anything that we want. So we can add an h1, h1 tag, and then can add an h2 tag and just call this my fast phone. I could type my first react app. If we go back and look, we'll have of course my first app coming up right in our browser. So the next thing that we're going to do is that we're going to start working with a couple of technologies. We're going to work with a GraphQL. We're also going to look at having our back end running on WordPress. WordPress is such an easy tool to use that anyone who has access to, let's say, a particular WordPress install is able to add posts that can be put up. So you don't have to monitor how that is being put up. You know, there's security involved, and you just have the information coming on. Your old HTML site, let's say maybe your client doesn't want to change what they have. They just want to have more dynamic information coming on. And you actually don't want to go through the house of making a theme again. So you can just run this and you'll be able to have stuff coming up and working as it should be. So keep watching. If you like this video, please give it a thumbs up. And if you like the channel and what is going on, please subscribe and watch out for the next videos that will be coming through. Have a good day.