Flutter State Management: Going from setState to Freezed & StateNotifier with Provider

Mixing UI and logic inside Flutter widgets is bad. Here's how to refactor a simple app for better separation of concerns, immutability, and type safety using Freezed & State Notifier.
Written tutorial here: 👇👇
codewithandrea.com/videos/flu...
As a bonus, here's a movie app built to compare Provider, flutter_bloc and Riverpod:
github.com/bizz84/movie_app_s...
CONTENTS:
00:00 - Intro
02:03 - Example Starter Project: Create Profile Page with setState
05:59 - ChangeNotifier implementation and its drawbacks
12:07 - Freezed package
15:47 - StateNotifier
16:55 - Using Freezed + StateNotifier + Provider
20:24 - Wrap Up
21:53 - Movie app on GitHub
Join my FREE email course to become a Flutter expert with the best resources, at your own pace: codewithandrea.com/newsletter/
Want more? Check out all my Flutter courses: 👇👇
codewithandrea.com/courses/
Happy coding!

[@nipunmadan1989]

This must go on official flutter channel. Complex topic explained easily.

[@flaasher]

One of the best flutter channels ..... respect :)

[@dantong8934]

Thanks for the tutorial. Very easy and deep understanding.

[@aloussase]

Im not sure when sealed classes came out, but today id think that is the way to go for modeling state

[@akashkashyap8756]

Great video... thanks for making this...

[@SharpSangalli]

Very helpful!

[@bashiruibrahim8443]

Wow thank you Sir

[@Nackenschelle]

this is f***ing gold, highly appreciated!!

[@m.husnulaqib1458]

thanks

[@mohamedeltaher1611]

thank u

[@alejandrogonzalez5192]

Hey Andrea, thanks for the tutorial! Would you suggest going for Freezed + StateNotifier for a production app?

[@BrendansReasons]

you cut through the crap, thank you

[@julienlbrn]

👋🏻 Andrea! Thank you for this tutorial. At <a href="#" class="seekto" data-time="866">14:26</a>, I needed to import 'package:flutter/foundation.dart' at the top of the file to make the command line generate the .freezed file. How could it work for you without it?

[@KraasRas]

How did you made the screen cast video on the beginning of your great tutorial?

[@CodeWithAndrea]

Recorded the app with QuickTime, rendered with Rotato

[@KraasRas]

@@CodeWithAndrea Thank you. It looks really nice

[@sumayyariyas8564]

Hi.. Could you please share a video how to integrate google fit to flutter app? Really want this.. Thanks in advance

[@meansnada]

whats the theme you use? looks amazing

[@CodeWithAndrea]

Dracula theme

[@ashishranjan7586]

a explaination video of movie app..🥺🥺

[@techhublearn1]

Sir does the courses on your site give certificate after completion?

[@CodeWithAndrea]

Yes, all courses come with a completion certificate.

[@meshkatshadik]

How can a single StateNotifier class produce two/more different states? Or do I just need the same number of StateNotifier classes for each state? I'm stuck with this problem for around 3 days. Still stuck!

[@hameedhabeeblahi576]

api key file is missing pl

[@ericchua3492]

I need some help. What if the behavior is this i. Load Profile if any ii. Edit Profile How do you construct the ProfileState and ProfiileModel? I am struggling to have both Load and Edit in the same StateNotifier and how to manage the State (freezed). The unexpected behavior i. load profile ii. tap on save iii. profile saved iv. profile is hidden (profile is already loaded, why can't it stays on the screen??? ) my state freezed as below (not sure should I combine or mixed) @freezed abstract class EditProfileState with _$EditProfileState { // General const factory EditProfileState.error(String errorText) = _Error; // Edit const factory EditProfileState.loading() = _Loading; const factory EditProfileState.success() = _Success; // Load profile const factory EditProfileState.dataInitial() = _DataInitial; const factory EditProfileState.dataLoading() = _DataLoading; const factory EditProfileState.dataLoaded(User user) = _DataLoaded; } Do you have any sample codes to achieve the above? Thanks.

[@CodeWithAndrea]

I would think the states you need are: - noData - data(user) - loading - error Maybe you should load the initial data from your DB before showing the profile page? Then you can initialize your initial state with noData or data(user) accordingly.

[@ericchua3492]

@@CodeWithAndrea if i want to edit the profile, upon success which state will it be? data (user) ?

[@hameedhabeeblahi576]

from the code on github, api key file is missing

[@CodeWithAndrea]

Read the instructions on the README on the GitHub repo

[@ilmtvtamil]

why google didn't hire you yet?

[@BrendansReasons]

explanation of maybeWhen at <a href="#" class="seekto" data-time="1170">19:30</a> was unclear to me

[@faheemahmadofficial7701]

dear brother please please please please please please make flutter series for beginners by using latest mini frameworks for like get tax and other and also teachers basic applications building instead of wasting time on dark