Build your product one feature at a time. Keep each feature independent, give it the capabilities it needs through plugins, and compose the pieces into Apps that can keep growing.
Capabilities → features → your App.
Different experiences. The features each App needs.
Routes, state, UI, and contributions in portable packages.
One capability can support many features.
As your product grows, features give teams a place to build independently. Plugins give those features a common foundation. Your App brings them together.
Give every feature the same dependable tools. Your App chooses the implementations; features use the shared contracts. Select system plugins, combine analytics and telemetry providers, or add your own capabilities.
Explore plugin capabilitiesKeep routes, state, UI, and contributions together. Build independently, share a feature package, and compose it into another App.
Declare a route boundary and a loader. Vyuh activates the feature on demand, initializes its dependencies, and installs its routes and contributions.
Concurrent requests share activation. Dart deferred imports can split web code when used in your loader.
Understand lazy loadingBegin with a familiar Flutter screen and a feature descriptor. Add another feature when your product needs it, then connect shared capabilities through plugins.
Follow the complete setup
import 'package:go_router/go_router.dart';
import 'package:material_ui/material_ui.dart';
import 'package:vyuh_core/vyuh_core.dart' as vyuh;
void main() {
vyuh.runApp(
initialLocation: '/',
features: () => [
vyuh.FeatureDescriptor(
name: 'hello',
title: 'Hello',
routes: () => [
GoRoute(
path: '/',
builder: (_, _) =>
const Scaffold(body: Center(child: Text('Hello, Vyuh.'))),
),
],
),
],
);
}