Learning & Tutorials
Understand the Code
Deep dive into the boilerplate features and architecture
Understand the Code
Now that your app is running, let's explore how the boilerplate is structured and how each feature works.
Pre-Built Features
This boilerplate comes with production-ready features you can customize:
- Onboarding, Animated multi-step carousel with persistent state
- Authentication, Sign In, Sign Up, Social Auth, Forgot Password
- Payments, Paywall, subscription management, RevenueCat integration
Additional Features
- Settings, Profile management, theme switching, notifications toggle
- Terms & Privacy, Legal pages with content placeholders
- Developer Menu, Internal tools for testing and debugging
Architecture Overview
The boilerplate follows a feature-first architecture:
Plaintext
src/
├── features/ # Business logic organized by feature
│ ├── auth/ # Authentication feature
│ ├── onboarding/ # Onboarding flow
│ ├── settings/ # App settings
│ └── ...
├── ui/ # Shared UI components
├── services/ # API and external services
├── store/ # Redux store configuration
└── navigation/ # Navigation structureEach feature is self-contained with its own:
- Components
- Screens
- Redux slice
- API endpoints
- Types
This makes it easy to add, modify, or remove features without affecting the rest of the app.