flutter-expert

Guide Flutter app development with Riverpod, Bloc, and GoRouter.

15.9k|304|Updated Oct 25, 2023
One-click install
npx skills add https://github.com/bagisto/opensource-ecommerce-mobile-app --skill flutter-expert-bagisto
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-expert
Source: https://github.com/bagisto/opensource-ecommerce-mobile-app/tree/main/.agents/skills/flutter-expert
Command: npx skills add https://github.com/bagisto/opensource-ecommerce-mobile-app --skill flutter-expert-bagisto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Developers often struggle to architect scalable Flutter apps that work seamlessly across mobile and web while maintaining clean code, testability, and performance. This guide provides expert guidance to design reusable widgets, implement robust Riverpod or Bloc state management, and configure GoRouter navigation, enabling teams to deliver high-quality cross-platform experiences.

Core Features & Use Cases

  • Widget development with const-optimized patterns and reusable components.
  • State management using Riverpod or Bloc with clear separation of concerns.
  • Navigation setup using GoRouter with route guards and deep linking.
  • Performance optimization and platform-specific implementations.

Quick Start

Create a sample Flutter app screen that uses Riverpod for state and GoRouter for navigation to observe the recommended patterns in action.

Frequently Asked Questions about flutter-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I architect a scalable Flutter app with clean separation of concerns?

To architect a scalable Flutter app, separate UI widgets from business logic using Riverpod or Bloc for state management, and configure GoRouter for navigation to maintain clean code and testability across platforms.

What's the best way to manage state in a cross-platform Flutter app?

The best way to manage state in Flutter is using Riverpod 2.x or Bloc 8.x, which provide robust separation of concerns and production-ready patterns for handling complex app states across mobile, web, and desktop.

How do I set up GoRouter for navigation with route guards and deep linking?

Set up GoRouter by defining route trees with built-in route guards for authentication and deep linking configurations, enabling robust navigation flows across Android, iOS, web, and desktop platforms.

Do I need Dart 3 and Flutter 3 to use Riverpod and Bloc patterns effectively?

Yes, you need Flutter 3+ and Dart 3 to effectively implement Riverpod 2.x and Bloc 8.x patterns, as these versions provide the necessary language features for const widgets and production-ready architecture.

Riverpod vs Bloc: which state management approach should I choose for my Flutter app?

Choose Riverpod or Bloc based on your team's preference; both offer robust separation of concerns for Flutter apps, with Riverpod providing fine-grained control and Bloc offering structured event-driven state transformations.

How do I optimize Flutter widget performance for web and mobile platforms?

Optimize Flutter widget performance by applying const-optimized patterns for reusable components, leveraging clean architecture principles, and implementing platform-specific performance tuning for Android, iOS, web, and desktop.