Why organize your tests? Well, how do you get correct feedback on tests if it’s disorganized?

Part of my job in authoring at least two flutter app development books this year is to make sure every developer learning flutter can complete two missions:

1.Learning Flutter Fast

2.Be Able To Push out a medium size app in three month code sprints.

Thus, I am going through all the flutter docs and dart docs and analyzing where things-fall-apart as far as enabling you as the developer to succeed on these two above missions.

This time around I will show you some real…

This is an opinionated way to set up a Flutter project structure based on service-oriented onion layered OOP app architecture. Over time this will be a collection of about 15 articles on Flutter project set up.

Background

When I say Onion Layered Architecture, I am not referring to the DevOps term of Onion Layered Architecture. As that DevOPS term refers to more team structures and processes rather than Onion Layered App OOP architecture which is the term I am talking about in this article.

States Rebuilder is a nice and small widget-based-DI state solution that is easy to use for starting to learn flutter and is powerful enough for medium-sized Flutter apps. In this article, I will show you the basics in how to use states rebuilder to manage state in your flutter app.

What Is States ReBuilder

States Rebuilder was created by Mellati Fatah and the plugin is at:

https://pub.dev/packages/states_rebuilder

And it’s simply adding the dependency in your pubspec:

dependencies:states_rebuilder: ^4.3.0

here are sorts of variations of how to start implementing the models when using Widget-based-DIs. …

Let me show you why having MyApp as a stateful widget is an antipattern.

Background

In the Flutter Framework, the Flutter Team implements the Stateful Widget as a practical immutable by having the Framework re-build the widget when dependencies update or change. That costs memory and time. In state management, we strive to reduce or eliminate Stateful Widgets.

A part of that concern is how big the tree is in the Stateful Widget. Since we usually set up the appbar, scaffold, etc. in MyApp it tends to be one of the biggest Widget Trees in a Stateful Widget. …

Want an easy and radically easy way to learn reactive in flutter? I am going to use my knowledge of how the Flutter Framework evolved to show you an easy way to learn reactive in flutter.

Core Of Reactive

Let’s go over the core features of reactive:

1. Immutables

2. A complex and powerful listenable

Now, there is an indirect requirement for dependency injection. But, let’s leave that alone for now.

Reactive gets introduced to each front-end framework this same way. First, an independent group comes up with a reactive extension to the underlying language of the framework. In Flutter’s case, it’s the…

This is your first pattern of getting rid of the Stateful Widgets using Inherited Model and Listenables. Just like previous articles, I am showing a full app boilerplate setup. So let m e show you how things are set up.

My Project SetUp

The source code is in the inherited_model_example subfolder here:

https://github.com/fredgrott/ddi_flutter/tree/master/arch/ddi_inherited)

My pubspec is:

And since I am using a specific lint package, dart code metrics, and localizations my analysis options YAML file has to be set up like this:

Then the main file to have catcher, build variants, and app exceptions set up is:

And to have…

Guess what the secret to understanding state in Flutter is? The state solutions came about in different groups working through what the widgets do and using OOP patterns to solve specific problems of state.

Google does not point this out, but if we just work through all the variants of using inherited widget; then we can gain insight into how each DI-and-state solution works.

Beginning State In Flutter

This set of articles has the source code in this location in the ddi inherited folder:

https://github.com/fredgrott/ddi_flutter/tree/master/arch/ddi_inherited

First up, let’s review some terms in viewing the standard Flutter Counter App:

Our first set of terms…

first steps towards building a flutter state solution

The best way to learn Flutter is to teach you how to build your first state solution and get building custom widgets and several UI-polished apps. It will be a little week series of articles, so you should find a way to get the rest of the articles.

If you are already a member of Medium, then you can get notifications of articles by following me on Medium.

Boilerplate Setup

The project layout is the onion-layered architecture with logging set up as a singleton, build variants, and some basic DevOPS to get proper code…