Project Overview and Stack2:00
So let me just log in and it should bring us back to our app screens. There we go. So fairly simple app, but there's a lot of moving parts. Obviously, we'll be making use of React Native and Expo. You saw that the screens were styled nicely, so we'll spend time learning how to do CSS in React Native. There's a bunch of screens that interact with one another and we'll be making use of the popular React Navigation library for that. And we'll also be making use of Laravel as a backend API so we can communicate between our frontend React Native app and the backend Laravel app.
Installing Expo CLI2:23
And we'll also be making use of Laravel as a backend API so we can communicate between our frontend React Native app and the backend Laravel app. We'll also be making use of Laravel Sanctum for the token-based logins. So if you found that interesting, let's go ahead and get started with the Expo installation and getting up and running with simulators and physical devices. So obviously you want to be familiar with React first, and if you're not, be sure to check out the React series we have here on Laracasts. So first thing that you need is the Expo CLI, and you're going to want to install this globally using this command here. So I already have that installed.
Initializing Expo Project2:55
using this command here. So I already have that installed. And once you do, you should have this expo command here. Let me actually stop the currently running app here. And let me just go back to my home folder, and let's go ahead and make a new folder here. So we'll do expo init, expo init, and we'll say lc expo test, okay? And we'll just stick to a blank minimal app. So I'll select blank. Okay, so that's done. Let's go ahead and go into that folder, lc expo test, and it says run yarn start.
Starting in Simulator4:29
So let's go ahead and start our project. Actually, let's open it up in VS Code first. And you saw that the start command is yarn start. So if you take a look at package.json, all it's doing is running the expo command and passing expo start. So you can use whatever you like, yarn start, expo start or npm start. So let's go ahead and run that. So let's say yarn start. And you can see it opened up this tab in my browser, which gives you more options. You can run it on an iOS simulator, which I want to do.
