{"id":735,"date":"2021-04-21T14:04:22","date_gmt":"2021-04-21T14:04:22","guid":{"rendered":"https:\/\/wp.mobilist.com.tr\/?p=735"},"modified":"2024-03-22T09:52:44","modified_gmt":"2024-03-22T09:52:44","slug":"flutterda-state-yonetimi-yaklasimlari","status":"publish","type":"post","link":"https:\/\/mobilist.com.tr\/en\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/","title":{"rendered":"State Management Approaches in Flutter"},"content":{"rendered":"

26\/05\/2021 9:53<\/em><\/p>\n\n\n\n

Bartu Kaan Pideci, Mobilist<\/p>\n\n\n\n

Flutter<\/strong> Undoubtedly, one of the most important issues when developing applications with state administration<\/strong>is. There are many state management approaches that Flutter recommends on its official website.<\/p>\n\n\n\n

Some of those setState<\/strong>, Provider<\/strong>, bloc<\/strong>, Mobx<\/strong>, getx<\/strong>, GetIt <\/strong>such approaches. In this series, we will take a look at these approaches with different usage methods.<\/p>\n\n\n\n

Flutter's famous\u00a0counter\u00a0<\/strong>Everyone knows the (counter) application. To briefly remind you, the first thing we encounter when we create and compile a Flutter project is Flutter.\u00a0low level<\/strong>\u00a0sees it as an approach\u00a0setState\u00a0<\/strong>It is an example counter application developed with this approach.<\/p>\n\n\n\n\n\n

This counter app different state management approaches<\/strong> We will develop and examine the differences between them and try to talk about the benefits of these approaches.<\/p>\n\n\n\n

Firstly, setState <\/strong>approach most popular state management<\/strong> one of the approaches Provider <\/strong>We will compare it with the package.<\/p>\n\n\n\n

setState vs Provider<\/strong><\/p>\n\n\n\n

Firstly setState <\/strong>Let's examine the approach.
setState <\/strong>method only Stateful Widget<\/strong>It is a concept used in 's.class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}<\/p>\n\n\n\n

class _MyHomePageState extends State {
int _counter = 0;<\/p>\n\n\n\n

void _incrementCounter() {
setState(() {
_counter++;
});
}@override
Widget build(BuildContext context) {
return <\/strong>scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme.Ugh<\/em>(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add<\/em>),
),
);
}
}<\/p>\n\n\n\n

As seen in the example _counter <\/strong>value of variable _incrementCounter()<\/strong> increases within the method and setSate <\/strong>change thanks to the method WidgetTree<\/strong>We report to our.void _incrementCounter() {
setState(() {
_counter++;
});
}<\/p>\n\n\n\n

Floating Action Button<\/strong>'of onPressed <\/strong>in its property _incrementCounter <\/strong>method is being called. So the button every time we click<\/strong> setState <\/strong>method is called. setState <\/strong>The class in which the method is called build method<\/strong> triggers and appears on the application screen of our widget tree. rebuild <\/strong>It means And while this may be costly in terms of processing power, it is also not an approach we want in terms of state management.<\/em>floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add<\/em>),
),
);<\/p>\n\n\n\n

Instead of redrawing the entire widget tree just _counter<\/strong> holding variable text widget<\/strong>Informing about this change Only <\/strong>A much more convenient and correct approach would be to redraw this widget.<\/p>\n\n\n\n

So how?<\/strong><\/h3>\n\n\n\n

The Provider package is a good approach that can help us at this point.<\/p>\n\n\n\n

First, install the Provider package pubspec.yaml <\/strong>in our file dependencies <\/strong>We add it to the field dependencies:
flutter:
sdk:flutter
provider: ^4.3.3<\/p>\n\n\n\n

ChangeNotifier<\/strong>
ChangeNotifier <\/strong>It is available in Flutter SDK and provides its listeners (listeners<\/strong>) change notification (change notification<\/strong>) is a simple class that provides In other words, if something is a ChangeNotifier <\/strong>, subscribe to its changes (subscribe<\/strong>) you can be. Provider also ChangeNotifier <\/strong>APPLICATION its state<\/strong> encapsulation <\/strong>It is a way.
In our counter application example, a ChangeNotifier<\/strong>in counter <\/strong>of variable manage your state<\/strong> we want. This way it extend <\/strong>We create a new class that says:class Counter extends ChangeNotifier{
int counter = 0;<\/p>\n\n\n\n

void increment(){
counter++;
notifyListeners();
}
}<\/p>\n\n\n\n

Yes counter <\/strong>Our class is ready, now we add this class to our widget tree. ChangeNotifierProvider<\/strong> with inject <\/strong>Let's.<\/p>\n\n\n\n

Change Notifier Provider
ChangeNotifierProvider<\/strong>, to his descendants ChangeNotifier <\/strong>It is the widget that provides the instance. Change Notifier Provider<\/strong>We put the on widgets that need access to it. class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Counter Provider',
theme: ThemeData(
primarySwatch: Colors.blue<\/em>,
),
home: ChangeNotifierProvider (
create: (_) => Counter(), child: MyHomePage()),
);
}
}<\/p>\n\n\n\n

As seen in the example MyHomePage()<\/strong> widget ChangeNotifierProvider<\/strong> wrapping with class counter <\/strong>class to our tree inject <\/strong>we did.<\/p>\n\n\n\n

Now, MyHomePage <\/strong>in counter <\/strong>your class to variables <\/strong>and to the methods <\/strong>We have the opportunity to access.class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Counter App with Provider'),
),
body: Center(
child: Consumer (
builder: (context, counter, child) {
return Text(counter.counter.toString(),
style: Theme.Ugh<\/em>(context).textTheme.headline4);
},
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
var counter = context.read ();
counter.increment();
},
tooltip: 'Increment',
child: Icon(Icons.add<\/em>),
),
);
}
}<\/p>\n\n\n\n

Here consumer <\/strong>that we wrap with counter <\/strong>holding variable 'Text Widget'<\/strong>We see ours. consumer <\/strong>what we want to access while using type of model<\/strong> We should point out.<\/p>\n\n\n\n

In this situation counter <\/strong>we want; For this reason consumer<\/strong> We write. If counter<\/strong>If we do not specify , Provider <\/strong>The package cannot help us. Provider, depends on species <\/strong>and without the species it cannot know what we want.<\/p>\n\n\n\n

Consumer Widget <\/strong>placing it as deep into our widget tree as possible is the best method<\/strong> (best practice). Instead of rebuilding a large part of the UI <\/em>only changing the relevant widget <\/em><\/strong>provides.<\/em><\/p>\n\n\n\n

setState <\/strong>From the sample counter application developed with different <\/strong>aspect stateless widget <\/strong>we used and counter <\/strong>containing the variable text widget<\/strong>of consumer <\/strong>with we wrapped <\/strong>and on change, that is, instead of redrawing our entire widget tree every time the button is clicked, Text Widget<\/strong> We ensured that it was recreated.var providerCounter = context.read ();
providerCounter.increment();<\/p>\n\n\n\n

This time 'onPressed property'<\/strong>one in providerCounter <\/strong>We defined the variable and created the one we created above. counter <\/strong>class read <\/strong>contained in incerement()<\/strong> We have reached our method.<\/p>\n\n\n\n

If your goal is just a simple counter<\/strong> application<\/strong> Doing is a usage as in Flutter's demo example. meet your needs<\/strong> may be suitable for this.<\/p>\n\n\n\n

However, the work is more complicated<\/strong> and to big projects<\/strong> When it comes to this kind of approach performance<\/strong> While it will cause losses, it also brings with it various problems.<\/p>\n\n\n\n

And finally, we should point out that best state management method<\/strong> There is no such thing.<\/p>\n\n\n\n

It can be selected according to the project needs and the competencies of the people who will work on the project. optimum <\/strong>There is a solution. We can't say either one is better than the other. Each of them becomes important in meeting our needs in our project. In short, the most accurate method is It is the method that best suits the team and the project.<\/strong><\/p>\n\n\n\n

In this article, I will tell you about various usage methods. From Provider package and setState<\/strong> Differences between method and <\/strong>I tried to talk about it briefly.<\/p>\n\n\n\n

In the continuation of this series, the other state management methods<\/strong> I will try to explain.<\/p>\n\n\n\n

See you in my next articles\u2026<\/p>","protected":false},"excerpt":{"rendered":"26\/05\/2021 9:53 Bartu Kaan Pideci, Mobilist While developing applications with Flutter, undoubtedly one of the most important issues is state management. There are many state management approaches that Flutter recommends on its official website. Some of these are approaches such as setState, Provider, Bloc, Mobx, Getx, GetIt. In this series, we will take a look at these approaches with different usage methods. Everyone knows Flutter's famous counter application. To briefly remind you, create a flutter project and [\u2026]","protected":false},"author":4,"featured_media":736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"footnotes":""},"categories":[53,54,55,56],"tags":[61,58,62,60,59],"yoast_head":"\nFlutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131 - Mobilist<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobilist.com.tr\/en\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131\" \/>\n<meta property=\"og:description\" content=\"26\/05\/2021 9:53 Bartu Kaan Pideci, Mobilist Flutter ile uygulama geli\u015ftirirken \u015f\u00fcphesiz ki en \u00f6nemli konulardan biri state y\u00f6netimidir. Flutter\u2019\u0131n resmi \u0130nternet sayfas\u0131nda \u00f6nerdi\u011fi bir\u00e7ok state management yakla\u015f\u0131m\u0131 vard\u0131r. Bunlardan baz\u0131lar\u0131 setState, Provider, Bloc, Mobx, Getx, GetIt gibi yakla\u015f\u0131mlard\u0131r. Bu seride sizlerle beraber farkl\u0131 kullan\u0131m \u015fekilleri olan bu yakla\u015f\u0131mlara bir g\u00f6z ataca\u011f\u0131z. Flutter\u2019\u0131n \u015fu me\u015fhur\u00a0counter\u00a0(saya\u00e7) uygulamas\u0131n\u0131 herkes bilir. K\u0131saca hat\u0131rlatmak gerekirse, bir flutter projesi olu\u015fturup […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobilist.com.tr\/en\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/\" \/>\n<meta property=\"og:site_name\" content=\"Mobilist\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mobilistlabs\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-21T14:04:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T09:52:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"574\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mobilist\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mobilist_labs\" \/>\n<meta name=\"twitter:site\" content=\"@mobilist_labs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mobilist\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/\"},\"author\":{\"name\":\"Mobilist\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#\/schema\/person\/cb960c343376e89fed720ff2fddbde20\"},\"headline\":\"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131\",\"datePublished\":\"2021-04-21T14:04:22+00:00\",\"dateModified\":\"2024-03-22T09:52:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/\"},\"wordCount\":1332,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#organization\"},\"image\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg\",\"keywords\":[\"Bloc Pattern\",\"Flutter\",\"Flutter Hooks\",\"Riverpod\",\"State Management\"],\"articleSection\":[\"Flutter Development\",\"Mobile App Development\",\"Programming Best Practices\",\"Software Architecture\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/\",\"url\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/\",\"name\":\"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131 - Mobilist\",\"isPartOf\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg\",\"datePublished\":\"2021-04-21T14:04:22+00:00\",\"dateModified\":\"2024-03-22T09:52:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage\",\"url\":\"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg\",\"contentUrl\":\"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg\",\"width\":1024,\"height\":574},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mobilist.com.tr\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#website\",\"url\":\"https:\/\/mobilist.com.tr\/tr\/\",\"name\":\"Mobilist\",\"description\":\"Dijitalin Kusursuz Hali\",\"publisher\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mobilist.com.tr\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#organization\",\"name\":\"Mobilist\",\"url\":\"https:\/\/mobilist.com.tr\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/web-logo-text-only-2.png\",\"contentUrl\":\"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/web-logo-text-only-2.png\",\"width\":400,\"height\":78,\"caption\":\"Mobilist\"},\"image\":{\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/mobilistlabs\",\"https:\/\/x.com\/mobilist_labs\",\"https:\/\/www.instagram.com\/mobilist\/\",\"https:\/\/www.linkedin.com\/company\/2498352\/admin\/feed\/posts\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#\/schema\/person\/cb960c343376e89fed720ff2fddbde20\",\"name\":\"Mobilist\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobilist.com.tr\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/777415801de8f6bf7dcda3dca7fb6e37?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/777415801de8f6bf7dcda3dca7fb6e37?s=96&d=mm&r=g\",\"caption\":\"Mobilist\"},\"url\":\"https:\/\/mobilist.com.tr\/en\/author\/didemelerman\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131 - Mobilist","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mobilist.com.tr\/en\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/","og_locale":"en_US","og_type":"article","og_title":"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131","og_description":"26\/05\/2021 9:53 Bartu Kaan Pideci, Mobilist Flutter ile uygulama geli\u015ftirirken \u015f\u00fcphesiz ki en \u00f6nemli konulardan biri state y\u00f6netimidir. Flutter\u2019\u0131n resmi \u0130nternet sayfas\u0131nda \u00f6nerdi\u011fi bir\u00e7ok state management yakla\u015f\u0131m\u0131 vard\u0131r. Bunlardan baz\u0131lar\u0131 setState, Provider, Bloc, Mobx, Getx, GetIt gibi yakla\u015f\u0131mlard\u0131r. Bu seride sizlerle beraber farkl\u0131 kullan\u0131m \u015fekilleri olan bu yakla\u015f\u0131mlara bir g\u00f6z ataca\u011f\u0131z. Flutter\u2019\u0131n \u015fu me\u015fhur\u00a0counter\u00a0(saya\u00e7) uygulamas\u0131n\u0131 herkes bilir. K\u0131saca hat\u0131rlatmak gerekirse, bir flutter projesi olu\u015fturup […]","og_url":"https:\/\/mobilist.com.tr\/en\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/","og_site_name":"Mobilist","article_publisher":"https:\/\/www.facebook.com\/mobilistlabs","article_published_time":"2021-04-21T14:04:22+00:00","article_modified_time":"2024-03-22T09:52:44+00:00","og_image":[{"width":1024,"height":574,"url":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg","type":"image\/jpeg"}],"author":"Mobilist","twitter_card":"summary_large_image","twitter_creator":"@mobilist_labs","twitter_site":"@mobilist_labs","twitter_misc":{"Written by":"Mobilist","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#article","isPartOf":{"@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/"},"author":{"name":"Mobilist","@id":"https:\/\/mobilist.com.tr\/tr\/#\/schema\/person\/cb960c343376e89fed720ff2fddbde20"},"headline":"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131","datePublished":"2021-04-21T14:04:22+00:00","dateModified":"2024-03-22T09:52:44+00:00","mainEntityOfPage":{"@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/"},"wordCount":1332,"commentCount":0,"publisher":{"@id":"https:\/\/mobilist.com.tr\/tr\/#organization"},"image":{"@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage"},"thumbnailUrl":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg","keywords":["Bloc Pattern","Flutter","Flutter Hooks","Riverpod","State Management"],"articleSection":["Flutter Development","Mobile App Development","Programming Best Practices","Software Architecture"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/","url":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/","name":"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131 - Mobilist","isPartOf":{"@id":"https:\/\/mobilist.com.tr\/tr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage"},"image":{"@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage"},"thumbnailUrl":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg","datePublished":"2021-04-21T14:04:22+00:00","dateModified":"2024-03-22T09:52:44+00:00","breadcrumb":{"@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#primaryimage","url":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg","contentUrl":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg","width":1024,"height":574},{"@type":"BreadcrumbList","@id":"https:\/\/mobilist.com.tr\/tr\/2021\/04\/21\/flutterda-state-yonetimi-yaklasimlari\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mobilist.com.tr\/tr\/"},{"@type":"ListItem","position":2,"name":"Flutter\u2019da State Y\u00f6netimi Yakla\u015f\u0131mlar\u0131"}]},{"@type":"WebSite","@id":"https:\/\/mobilist.com.tr\/tr\/#website","url":"https:\/\/mobilist.com.tr\/tr\/","name":"Mobilist","description":"Dijitalin Kusursuz Hali","publisher":{"@id":"https:\/\/mobilist.com.tr\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobilist.com.tr\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mobilist.com.tr\/tr\/#organization","name":"Mobilist","url":"https:\/\/mobilist.com.tr\/tr\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobilist.com.tr\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/web-logo-text-only-2.png","contentUrl":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/web-logo-text-only-2.png","width":400,"height":78,"caption":"Mobilist"},"image":{"@id":"https:\/\/mobilist.com.tr\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mobilistlabs","https:\/\/x.com\/mobilist_labs","https:\/\/www.instagram.com\/mobilist\/","https:\/\/www.linkedin.com\/company\/2498352\/admin\/feed\/posts\/"]},{"@type":"Person","@id":"https:\/\/mobilist.com.tr\/tr\/#\/schema\/person\/cb960c343376e89fed720ff2fddbde20","name":"Mobilist","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobilist.com.tr\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/777415801de8f6bf7dcda3dca7fb6e37?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/777415801de8f6bf7dcda3dca7fb6e37?s=96&d=mm&r=g","caption":"Mobilist"},"url":"https:\/\/mobilist.com.tr\/en\/author\/didemelerman\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/mobilist.com.tr\/wp-content\/uploads\/2024\/03\/1b-4.jpeg","_links":{"self":[{"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/posts\/735"}],"collection":[{"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":1,"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/posts\/735\/revisions"}],"predecessor-version":[{"id":738,"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/posts\/735\/revisions\/738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/media\/736"}],"wp:attachment":[{"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/media?parent=735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/categories?post=735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobilist.com.tr\/en\/wp-json\/wp\/v2\/tags?post=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}