flutter-caching-data
Implement offline-first caching strategies
Developer Setup
Setup & Installation
npx skills add https://github.com/flutter/skills --skill flutter-caching-datanpx skills add https://github.com/flutter/skills --skill flutter-caching-dataOverview
What This Skill Does
Implement offline-first caching strategies
Application
When to use this Skill
- Integrating flutter caching data into your development workflow.
- Following best practices for implement offline-first caching strategies.
- Automating repetitive tasks with AI-assisted tooling.
- Building production-grade applications with proper standards.
- Debugging and troubleshooting common implementation issues.
Documentation
Show Skills.md file
Implementing Flutter Caching and Offline-First Architectures
Contents
- Selecting a Caching Strategy
- Implementing Offline-First Data Synchronization
- Managing File System and SQLite Persistence
- Optimizing UI, Scroll, and Image Caching
- Caching the FlutterEngine (Android)
- Workflows
Selecting a Caching Strategy
Apply the appropriate caching mechanism based on the data lifecycle and size requirements.
- If storing small, non-critical UI states or preferences: Use
shared_preferences. - If storing large, structured datasets: Use on-device databases (SQLite via
sqflite, Drift, Hive CE, or Isar). - If storing binary data or large media: Use file system caching via
path_provider. - If retaining user session state (navigation, scroll positions): Implement Flutter's built-in state restoration to sync the Element tree with the engine.
- If optimizing Android initialization: Pre-warm and cache the
FlutterEngine.
Implementing Offline-First Data Synchronization
Design repositories as the single source of truth, combining local databases and remote API clients.
Read Operations (Stream Approach)
Recommendations
Explore other random skills
event-prospecting
|
fetch
Use this skill when the user wants to retrieve a URL without a full browser session: fetch HTML or JSON from static pages, inspect status codes or headers, follow redirects, or get page source for simple scraping. Prefer it over a browser when JavaScript rendering and page interaction are not needed. Supports proxies and redirect control.
functions
Deploy serverless browser automation as cloud functions using Browserbase. Use when the user wants to deploy browser automation to run on a schedule or cron, create a webhook endpoint for browser tasks, run automation in the cloud instead of locally, or asks about Browserbase Functions.