Flutter Dart software architecture

Choose clear boundaries for UI, rules, data, and external systems.

Chapter goal: Choose clear boundaries for UI, rules, data, and external systems.

Simple explanation

Architecture is the building plan for code. It decides which parts own the UI, rules, data, and communication with outside systems.

In Flutter Dart, this chapter is about designing dependencies so important rules do not depend on fragile details. Start with the idea above. Then connect each symbol to a value or action in the example.

Do not try to remember every symbol. First ask what data the program has, what it does with that data, and what result it creates. Technical words become easier when you connect them to those three questions.

Why this topic is important

Architecture makes large changes safer. It should solve real coupling, not add impressive names. In Flutter Dart, the syntax may look different from other languages, but the thinking skill transfers: name the data, choose the right operation, and make the next step obvious.

When to use it

Use architectural boundaries when features share rules, external services may change, or testing is difficult.

Example code

abstract class LessonRepository {
  void save(String lessonId);
}

class InMemoryLessonRepository implements LessonRepository {
  final saved = <String>[];
  @override
  void save(String lessonId) => saved.add(lessonId);
}

void completeLesson(LessonRepository repository, String lessonId) {
  repository.save(lessonId);
}

Line-by-line explanation

• abstract class LessonRepository { — This begins a class: a blueprint that groups related data and behavior.
• void save(String lessonId); — This line supports one focused piece of application logic. Read it together with the block directly around it.
• class InMemoryLessonRepository implements LessonRepository { — This begins a class: a blueprint that groups related data and behavior.
• final saved = <String>[]; — This stores or updates saved. The value on the right is worked out first, then saved under that name.
• @override — This line supports one focused piece of application logic. Read it together with the block directly around it.
• void save(String lessonId) => saved.add(lessonId); — This stores or updates lessonId). The value on the right is worked out first, then saved under that name.
• void completeLesson(LessonRepository repository, String lessonId) { — This line supports one focused piece of application logic. Read it together with the block directly around it.
• repository.save(lessonId); — This line supports one focused piece of application logic. Read it together with the block directly around it.

What the output means

No visible output: the example wires one in-memory repository into completeLesson(). Swap in a different repository and completeLesson() does not need to change.

The output is evidence that the program followed the instructions. If your result is different, read from the first line and write down how each value changes. That is debugging, not failure.

Mistake example

abstract class LessonRepository {
  void save(String lessonId);
}

class InMemoryLessonRepository implements LessonRepository {
  final saved = null; // extra layers are added without solving a real dependency problem
  @override
  void save(String lessonId) => saved.add(lessonId);
}

void completeLesson(LessonRepository repository, String lessonId) {
  repository.save(lessonId);
}

This version intentionally shows how extra layers are added without solving a real dependency problem. The changed assignment stores a missing value, or a required line is removed, so later code cannot complete its job safely.

Fixed version

abstract class LessonRepository {
  void save(String lessonId);
}

class InMemoryLessonRepository implements LessonRepository {
  final saved = <String>[];
  @override
  void save(String lessonId) => saved.add(lessonId);
}

void completeLesson(LessonRepository repository, String lessonId) {
  repository.save(lessonId);
}

The corrected version restores the real value or required operation. It fixes the chapter-specific problem: extra layers are added without solving a real dependency problem.

Common mistakes

• Copying an architecture without understanding its problem.
• Adding interfaces that have only one meaningless use.
• Letting framework code own every business rule.

Warning: Change one part at a time. If you change many lines together, it becomes harder to learn which change caused the result.

Real use cases

• Separate a checkout rule from its screen.
• Replace an API in tests.
• Keep RedM validation on the server boundary.

Practice exercise

1. Identify one dependency that should be swappable for testing.
2. Separate one business rule from the code that displays it.
3. Explain which layer would break first if the data source changed.

Tip: If the exercise feels too large, complete only steps 1 to 3. Small working code teaches more than a large unfinished project.

Mini quiz

1. Match the term to its meaning: "coupling" versus "boundary".
2. Select the safer option: UI code calling the database directly, or going through a defined interface?
3. Explain a real scenario: what breaks first if you swap out one external service for another?

How to read AI-generated code

Do not copy AI code first. Read it like a detective. Find the data, follow the changes, and locate the final output. Ask AI to explain a line only after you have made your own guess.

• What data goes in?
• What values are stored?
• What calculation or decision happens?
• What is printed, displayed, saved, or returned?
• What can go wrong?
• Can you rename one value and still explain the code?

Flutter reading check

Find the widget tree first. Then find which values can change, where setState is called, which callback handles the button or TextField, and where navigation or async data enters the screen.

Before you move on

• I can explain this topic in my own words.
• I can read the small example without AI.
• I can change the example and predict the new result.
• I can find and fix one simple mistake.
• I can name one real project that uses this idea.

Next topic

Next, learn testing behavior. Before opening it, explain this chapter out loud in under one minute.