Use and adapt start-expo-kit

Use the documented interfaces and source layout for start-expo-kit. The sections below retain the README’s examples and configuration details.

Authentication

Using the Auth Hook

1import { useAuth } from "@/hooks/use-auth";
2 
3function MyComponent() {
4  const { user, isAuthenticated, signIn, signOut } = useAuth();
5 
6  if (!isAuthenticated) {
7    return <Text>Please sign in</Text>;
8  }
9 
10  return <Text>Welcome, {user?.name}!</Text>;
11}

Using the Session Hook

1import { useSession } from "@/hooks/use-session";
2 
3function MyComponent() {
4  const { session, user, isPending } = useSession();
5 
6  if (isPending) return <Text>Loading...</Text>;
7 
8  return <Text>Email: {user?.email}</Text>;
9}

Protected Routes

Routes in (home) are automatically protected. The AuthWrapper component handles redirects based on authentication status.

Project Structure

1app/
2├── (auth)/              # Authentication screens
3│   ├── sign-in.tsx
4│   ├── sign-up.tsx
5│   └── social-sign-in.tsx
6├── (home)/              # Protected screens
7│   ├── index.tsx
8│   └── profile.tsx
9└── _layout.tsx
10
11lib/
12├── auth/
13│   └── client.ts        # Auth client config
14└── utils.ts
15
16hooks/
17├── use-auth.ts          # Auth operations
18└── use-session.ts       # Session management
19
20components/
21└── auth/
22    ├── auth-wrapper.tsx  # Route protection
23    └── auth-form.tsx     # Reusable form

Commands in the root manifest

The captured package.json declares the following scripts. Run them from the directory containing that manifest.

Troubleshooting

See SETUP.md for troubleshooting guide.

Source and help

• GitHub repository
• Original README
• Issues and existing reports

The catalog identifies the license as MIT. Read the repository license before redistributing source or assets.