Courses

[NEW] React Native Mobile App with Laravel 12 API

Clearing Demo App and Building Authentication Scaffolding

You're reading a FREE PREVIEW of a PREMIUM course.
Login Or Join Premium ($129/year or $29/mo)
Summary of this lesson:
- Reset the project with "npm run reset-project" to clear demo code and start fresh
- Create an authentication context with signIn and signOut functions using React Context API
- Implement secure token storage with expo-secure-store for persistent sessions
- Set up protected routing with separate layouts for authenticated and guest users
- Build basic sign-in and sign-out pages with navigation between them

Link to the repository

[Only for premium members]

Let's start creating our application. The first step Expo documentation recommends is - Reset the Project. So here's what we will do:

  1. Reset the project
  2. Add simple route protection to our application (sign in and sign out)

With these actions, we should end up with this screen and project structure:

Basic Login page:

Logged in page (homepage):

Application file structure...

The full lesson is only for Premium Members.
Want to access all 19 text lessons of this course? (91 min read)

You also get:

  • 77 courses
  • Premium tutorials
  • Access to repositories
  • Private Discord