iconnect

Last updated:

0 purchases

iconnect Image
iconnect Images
Add to Cart

Description:

iconnect

iconnect #
how to use #

add package iconnect in pubspec.yaml,then import iconnect in our code files:
`
import 'package:iconnect/iconnect.dart';
define a simple class as model:

class CounterModel {
int value = 0;
CounterModel(value) {
this.value = value;
}
increment(int step) {
value = value + step;
return value;
}
}
copied to clipboard

create one or multi instance

CounterModel _first=CounterModel(0);
get first=>register(_first);
CounterModel _second=CounterModel(0);
get second=>register(_second);
copied to clipboard

provider: use it only one times,all model will saved here

void main() {
runApp(provider(MyApp()));
}
copied to clipboard

connect and listen:if model changed by dispatch,it will rebuild

Widget showCounter() {
return connect((context) {
print('ShowCounter build ');
listen(context, first);
return ShowCounterOrigin(value: first.value);
});
}
copied to clipboard

dispatch:all widget listen to model will rebuild

class ShowButtonOrigin extends StatelessWidget {
ShowButtonOrigin({Key? key, this.increase}) : super(key: key);
final VoidCallback? increase;
@override
Widget build(BuildContext context) {
return FloatingActionButton(
onPressed: increase,
tooltip: 'Increment',
child: Icon(Icons.add),
);
}
}

//it won't be rebuild when dispatch(first),because we have not listen first here
class ShowButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ShowButtonOrigin(
increase: () => dispacth(first,() => first.increment(1)));
}
}
copied to clipboard
we also could define model with mixin IConnect #
class CounterModel with IConnect {
int value = 0;
CounterModel(value) {
this.value = value;

//we could register here
register();
}
increment(int step) {
value = value + step;
return value;
}
}
copied to clipboard
then we could

simply create instance

CounterModel first = new CounterModel(0);
CounterModel second = new CounterModel(0);
copied to clipboard

use listen,dispatch,register,unregister in model

first.listen()
first.dispatch()
copied to clipboard

and we don't need to import iconnect any where

what's iconnect? #
The simplest and fast library for state mamagement,it only handle the shared model for widgets,it's null-safe, and support for all the pllatform.
you don't need those huge framework like provider and redux and flutter hook,they think too many things :D
but they solved the simple thing with many many concept and codes.
. can create multi instance for a model
. when model changed,only widget listen to it will rebuild
. only provider and connect function for whole
. could define model with mixin IConnect
. could use listen,dispatch,register,unregister function,then model is a simply class
. if you define a dispose method in model,it will run when unregister.
six function and zero concept,that's connect #
we only connect models to widget tree all the api of connect is six simple functiuon ,that's all:
provider/connect
register/unregister
dispatch/listen
provider is a function to init the app,so all model could work with widget tree. #
you just use it one times in an app.
define model for itself,without any rule,we only connect it with widget tree #
it's not based on type,you define a model only for the itself.the model is a class you just create,without any rule,with out base class or interface.
we use model as instance,not for type,so we could simplely add multi instance for same model type.
you could simple use register and unregister,to add or remove model.you could use registed model as a class instance in your widget,that's mean widget will not rerender.you should listen to a registed model,when it dispatch changes event,your widget will rerender.
design ui only for itself,without any rule,you don't need to know connect #
connect function return a widget,you must provide a function with build function,you could use model or listen to model there.
without any concept about async model,we should only do single things here for models #
it could worked with future and stream in your models,listen and dispatch could update the ui simply.
get starter #
you could find the usage in example folder,it's a simple counter app,it's a demo for:
. how to define a model and register it
. how to dispatch and listen
. how to work with future and AsyncSnapshot,and handle errors
. how to work with stream and update ui.

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.