State was three files and five classes. One hook ends that.
Same screen, same behavior, far less code - and because the state logic is decoupled from Flutter, it stays background-safe and fully unit-testable in plain Dart.
4.7×shorter
1 / 3files
1 / 5classes
0deps added
bloc.dart · event.dart · screen.dart
1abstract class CounterEvent {}
2class Increment extends CounterEvent {}
3class Decrement extends CounterEvent {}
4
5class CounterBloc extends Bloc<CounterEvent, int> {
6 CounterBloc() : super(0) {
7 on<Increment>((e, emit) => emit(state + 1));
8 on<Decrement>((e, emit) => emit(state - 1));
9 }
10}
11
12class CounterScreen extends StatelessWidget {
13 Widget build(BuildContext ctx) => BlocProvider(
14 create: (_) => CounterBloc(),
15 child: BlocBuilder<CounterBloc, int>(...))
+ 32 more lines · BlocProvider, BlocBuilder, Equatable, freezed
3 files·5 classes·47 lines
vs
state.dart
1CounterState useCounterState() {
2 final count = useState(0);
3
4 return CounterState(
5 count: count.value,
6 increment: () => count.value++,
7 decrement: () => count.value--,
8 );
9}
10// 1 hook. Same behavior. Background-safe. Testable.
1 file·1 function·10 lines·★ Screen · State · View
