chimon2000

class NotesViewModel {
  NotesState state = NotesState.initial();

  Command<String, String> inputChangedCommand;
  Command<String, NotesState> updateNotesCommand;

  NotesViewModel() {
    inputChangedCommand = Command.createSync((x) => x, '');
    updateNotesCommand = Command.createSync((input) {
      state = state.copyWith(notes: state.notes.concat(input));

chimon2000

part 'notes.g.dart';

class Notes = NotesBase with _$Notes;

abstract class NotesBase with Store {
  @observable
  String input = '';

  @observable
  ObservableList<String> notes = ObservableList();

chimon2000

// A simple helper function to allow us to immutably add to lists.
extension ImmutableList<T> on List<T> {
  List<T> concat(T item) => List<T>.from(<T>[...this, item]);
}

chimon2000

void main() {
  // For widgets to be able to read providers, we need to wrap the entire
  // application in a "ProviderScope" widget.
  // This is where the state of our providers will be stored.
  runApp(ProviderScope(child: App()));
}

chimon2000

void main() {
  // For widgets to be able to read app state, we need to wrap the entire
  // application in a "BinderScope" widget.
  runApp(BinderScope(child: App()));
}

chimon2000

// We create a "provider", which will store a reference to NotesController.
final notesProvider = StateNotifierProvider((ref) => NotesController());

class NotesController extends StateNotifier<NotesState> {
  NotesController() : super(NotesState.initial());

  void addNote() {
    var notes = state.notes.concat(state.input);
    state = state.copyWith(notes: notes, input: '');
  }

chimon2000

void main() {
  // For widgets to be able to read providers, we need to wrap the entire
  // application in a "BlocProvider" widget.
  // This is where the state of our NotesCubit will be stored.
  runApp(BlocProvider<NotesCubit>(create: (_) => NotesCubit(), child: App()));
}

chimon2000

class RiverpodPage extends StatefulWidget {
  const RiverpodPage({Key key}) : super(key: key);

  @override
  _RiverpodPageState createState() => _RiverpodPageState();
}

class _RiverpodPageState extends State<RiverpodPage> {
  TextEditingController _controller;

chimon2000

class BinderPage extends StatefulWidget {
  const BinderPage({Key key}) : super(key: key);

  @override
  _BinderPageState createState() => _BinderPageState();
}

class _BinderPageState extends State<BinderPage> {
  TextEditingController _controller;

chimon2000

// We create a "logic ref", which will store a reference to NotesViewLogic.
final notesViewLogicRef = LogicRef((scope) => NotesViewLogic(scope));

class NotesViewLogic with Logic {
  const NotesViewLogic(this.scope);

  @override
  final Scope scope;

  void addNote() {