 Alright, let's get started with setting up our React application. So usually before I start even coding anything in React, there's a few housekeeping things I always perform. First, I always make .env.local file. Usually this is where you can store your database API keys and stuff, but we don't need that for PocketBase because we have different sets of authentication rules that we'll see in a moment. But I still make this file because I always want to set the browser environment variable equal to none so that the React doesn't make a new browser window appear and pop up on my screen every single time I restart the server. Next thing I'm going to do is I usually make a .jsconfig.json file and just paste this in here. And what this does is it basically enables absolute import. So you don't have to, there's no import.slashslashslash in React, you just import from the source directory and creating the source directory as the root directory. Alright, step two of create React app housekeeping is we will go to source and just get rid of all of the clutter that we don't need here. So basically it's everything about index.js and app.js. And even in the index.js file, we'll have to get rid of a few things as well as the report vials. And here in app, oh we don't need that. So get rid of that. Just return React fragment for now. Now let's install the pocketbase JavaScript SDK. So open up terminal, do yarn, add pocketbase, all that command is running. I'm going to go and make a folder here called library and in here we can make our pocketbase.js file and we're going to import the pocketbase class from pocketbase and we can set the constant pb equals to the new pocketbase instance and in here just put in the link to your pocketbase, the ip address or your domain. And then here we just export default pb and that gives us a pocketbase handle that we can use from our other modules. And instead of hard coding this URL here because I know we're going to change this, we're going to deploy this on some other server in the future and referencing localhosts from your browser just will not work. So instead of just doing that, we can just use environment variables from the getgo. We can just do pocketbase underscore URL equals to this and then just come here and just do actually, I might I think because this is a React app, we have to do something like react underscore. We have to add a prefix on the React underscore app there and let's do process dot env dot and whatever the name just remember to prefix your environment variable names with react underscore app if you're using create react app and the reason behind this convention can be found here in the create react app documentation site if you're interested you can just go and look it up and I will go ahead and start our server with yarn start and go to our localhost 3000 and open up the console here and let's resize that.