Assets & Media Overview

What Are Assets?

Assets are static files used in your React Native application including images, icons, fonts, animations, and other media. Effective asset management impacts app performance, user experience, and development efficiency.

Asset Categories & Guides

Our asset management system is organized into distinct categories, each with specialized implementation guides:

Quick Decision Framework

"What type of asset am I working with?"

Universal Asset Principles

These principles apply regardless of asset type:

1. Performance First

• Optimize before adding to project
• Monitor bundle size impact
• Use appropriate formats for content type

2. Multi-Resolution Support

asset.png      # 1x resolution (base)
asset@2x.png   # 2x resolution (Retina)
asset@3x.png   # 3x resolution (Plus/Pro)

3. Platform Awareness

button.ios.png     # iOS specific
button.android.png # Android specific

4. Consistent Organization

assets/                    # Project root level
├── brand/                 # Brand assets, logos, illustrations
├── fonts/                 # Custom typography
├── animations/            # Lottie and motion graphics
└── sounds/               # Audio assets

Getting Started

For Brand Assets (Logos, Illustrations, Fonts)

Start with the Brand Assets Overview to understand:

• SVG vs PNG/JPG format decisions
• Multi-resolution handling
• Font loading strategies
• Performance optimization

For UI Icons (Navigation, Actions, Status)

Begin with the Icon Management to learn:

• Vector icon library integration
• Custom icon workflows
• Icon registry patterns
• Systematic icon usage

Common Scenarios

"I need to add the company logo" → Use Image Optimization Guide

"I need icons for navigation buttons" → Use Vector Icons Guide

"I need to integrate custom fonts" → Use Font Management Guide

"I have performance issues with assets" → Check both performance guides: Brand Assets Overview and Performance Optimization

Related Documentation

• Project Structure - Overall asset organization
• Splash Screen Guide - Launch screen assets
• performance - General performance optimization

Choose the right guide: Asset management success starts with understanding the distinction between brand assets and UI icons. Each requires different optimization strategies and implementation patterns.