📄️ Our Color System
To keep our app's look consistent, we use a central color system. Think of it as our paint palette.
📄️ Building Reusable Components
We like to build our components like LEGO bricks. They should be independent and reusable, so you can snap them into place anywhere you need them. This means a component shouldn't care about where it's being used. It just does its one job very well.
📄️ Iconography
For icons, we use react-native-lucide, which provides a comprehensive set of icons that are easy to use and customize.
📄️ State Management
To share data across unrelated components, we use a global state manager. This avoids inefficient, repetitive API calls and ensures the UI stays consistent when data is updated.
📄️ Frontend Extensions
This page lists the recommended VS Code extensions for our frontend development workflow.