Flutter Clean Architecture - Learn By A Project | Full Beginner's Tutorial
HTML-код
- Опубликовано: 30 июл 2024
- DO YOU HAVE ANY QUESTION ? JOIN THE COMMUNITY
🤝 Discord
☑️ / discord
📄Architecture is very important in developing an application. Architecture can be likened to a floor plan that describes how the flow in an application project. The main purpose of implementing the architecture is the separation of concern (SoC). So, it will be easier if we can work by focusing on one thing at a time.
In the context of Flutter, clean architecture will help us to separate code for business logic with code related to platforms such as UI, state management, and external data sources. In addition, the code that we write can be easier to test (testable) independently.
🌐Reference :
🔗 / flutter-clean-architec...
🔗 / flutter-clean-architec...
🔗 / flutter-clean-architec...
📁Source Code
🔗 github.com/mahdinazmi/Flutter...
⚡ SUBSCRIBE HERE⚡
🔗 cutt.ly/2XkZz0X
🌐Social Media
🔗 Linkedin: / mahdinazmi
🔗 GitHub: github.com/mahdinazmi
🔗 Twitter: / flutterguys1
⏳ TIMESTAMPS :
00:00 Intro
03:44 Add Packages & Create Folders Structure
06:33 Define Entities Classes
09:05 Create Repository Classes & Models
11:27 Make Request To API Using Retrofit
14:40 Use Cases
17:54 Create Bloc
21:16 Dependency Injection
24:32 Display News
29:20 Local Database
33:39 Add Database Methods To Layers
36:45 Save & Remove Article From Database
#flutter #fluttertutorial #fluttercourse 
Наука
🌐 JOIN TO TELEGRAM COMMUNITY
🔗 t.me/flutterguysgp
It is so helpful that you show the errors you encounter and how to solve them.
Makes a big difference, thanks.
Go to video for one who wants to learn Clean Architecture with a real world example. Definitely a good watch & bookmark for me for Future references. Thanks a lot for the valuable content. I had to pause and watch to understand, the content is very intense.
Great video! Well explained and following KISS principle.
I would love to get more in depth videos and something that is not quite out there yet (at least an updated version), something like an authentication feature using OAuth or Firebase Auth alongside a simple routing system that redirects you the right presentation page depending if you are signed in or not in the meanwhile taking advantage of deep link. I think this makes a lot of sense since we are using a Clean Architecture approach to Flutter, in this way we may create an App that is multi-platform compatible and highly scalable and maintainable.
Great video, exactly what I needed to start this new "clean code" journey and also thanks for providing a link to that three-part series of articles in the description. I definitely need to follow up by reading them too since I struggled a bit with following the fast paced monotone computer generated voice.
Recently I'm thought about what is good architecture for flutter project. And I met this channel and this Clean Architecture is blowing my mind. This video has concrete example so I can learn the folder structure and concepts of clean architecture. Thanks you from bottom of my hearts❤. From S.Korea as Flutter position developer.
Great to hear!
Complete the whole course, excellent work @Flutter Guys. More power to you.
Very nice and complete explanation, thanks a lot! Looking forward for similar videos on other topics!
✌❤
Best clean arch explaining , thanks a lot🥳
Can't wait for more ❤❤❤
Learned a lot. Thanks!
Nice video but you should not have done those explicit correction on generated file in minutes 28:00 , there was a work around. I believe that was missed in this video.
It is as follows:
since the response from api is not a json array but json object; we need to parse that json object.
This can be achieved by following three simple steps in their respective file:
Step no 1: In article.dart file inside folder models
########
add another class named ArticleResponseModel like below and ArticleModel as before:
class ArticleResponseModel {
List articles;
ArticleResponseModel({required this.articles});
factory ArticleResponseModel.fromJson(Map articleResponseData) {
return ArticleResponseModel(
articles: ((articleResponseData['articles'] ?? []) as List)
.map((dynamic article) => ArticleModel.fromJson(article))
.toList());
}
}
class ArticleModel extends ArticleEntity {
const ArticleModel({
int? id,
String? author,
String? title,
String? description,
String? url,
String? urlToImage,
String? publishedAt,
String? content,
}) : super(
id: id,
author: author,
title: title,
description: description,
url: url,
urlToImage: urlToImage,
publishedAt: publishedAt,
content: content,
);
factory ArticleModel.fromJson(Map articleModelData) {
return ArticleModel(
author: articleModelData['author'] ?? "",
title: articleModelData['title'] ?? "",
description: articleModelData['description'] ?? "",
url: articleModelData['url'] ?? "",
urlToImage: articleModelData['urlToImage'] ?? "",
publishedAt: articleModelData['publishedAt'] ?? "",
content: articleModelData['content'] ?? "",
);
}
}
Step no 2: And news_api_service.dart, new get method function looks like below
########
@GET('/top-headlines')
Future getNewsArticles({
@Query("apiKey") String ? apiKey,
@Query("country") String ? country,
@Query("category") String ? category,
});
Step no 3: Change ArticleRepositoryImpl as below:
########
class ArticleRepositoryImpl implements ArticleRepository {
final NewsApiService _newsApiService;
ArticleRepositoryImpl(this._newsApiService);
@override
Future getNewsArticle() async {
try {
final httpResponse = await _newsApiService.getNewsArticles(
apiKey: newsAPIKey, country: countryQuery, category: categoryQuery);
if (httpResponse.response.statusCode == HttpStatus.ok) {
// here you need to return httpResponse.data.articles instead of httpResponse.data
return DataSuccess(httpResponse.data.articles);
} else {
return DataFailed(DioError(
error: httpResponse.response.statusMessage,
response: httpResponse.response,
type: DioErrorType.badResponse,
requestOptions: httpResponse.response.requestOptions));
}
} on DioError catch (err) {
return DataFailed(err);
}
}
}
easy peasy lemon squeezy
thank you
Thank you 🙏
Thank you so much, I am learning a lot from your videos.
Subscribed!
Happy to hear that!
Бро просто сделал титаническую работу. Спасибо
simple explanation, great video. Im looking forward for new videos keep going man
Appreciate it!
Thank you very much for the content 💙😊
love the fireship format
If you have multiple features for an app, would you not want to put the app database class and its generated floor code in the core package? Having it in the news feature package would make sense if that feature was going to be standalone module but Im not familiar with how that works in flutter and Im assuming thats not the case here.
@flutterguys in 28:32 you manually edit the ".g.dart" file, what happen if i re-run "flutter pub run build_runner" again?will the manual modification gets replace by generated code again?
This series is awesome ❤
I am glad ❤️
The video I should have seen before starting the application I’m working on xD
When I have written in MVC, I've usually had another project called Domain.Shared as well as Domain. Is this a good idea for a Flutter project? What about class inheritance? As an example. A BaseEntity to hold/contain shared properties between entity classes?
Sir you just earned a new subscriber
Thanks for the detailed explanation on the architecture....can you show how to cache remote responses to local Database too....
Tks, great content, i've learned a lot with your videos.
Just one point. I dont like to my domain depend on dio package. Dio is a infrastructure concern
Thanks for the video, learned a lot about new dependencies and code pattern
Great to hear!
Thank you for thi type of content.
i was looking for it for many days
Glad you like it!
@@flutterguys can I use any alternative of retrofit?
Hello, many thanks for content! Any recomendation how to pass different combinations of query parameter/s, header/s and body to use cases? First API endpoint (use case) requires Id(query) and entity(body), second endpoint requires Id(query) and userId(header) for example. Should I create special params entity for all use case inputs?
This worries me a lot too. Have you found the answer to the question?
Amazing video! But few concepts goes beyond my head. Can you provide few learning resources that I can use to follow to have better understanding of the architecture. I would appreciate your headsup on this! :)
Search on Github or Medium
I have some concern about the ArticleState at 19:02 . Is safe using bang operator on 'props' method? I mean, both parameters are nullable so if we have the data the error will be null and I expect that there will be a crash. No?
What a great video, thanks alot !!
Glad it helped!
Thank you for giving me that "Eureka!" moments
Our pleasure!
i watched more than 10 times, thanks a lot, i gonna be a master Flutter like u Flutter Guy.
✨❤️
It is out of box for me also, we need years of experience to understand this video, i guess.
Thanks man ❤
Nice work done buddy nice explanation as per industry standards
Thanks a ton
Very Informative 😉🤞
Glad you think so!
great work and cool video!)
it whould be very interesting to see the same topic in some depth: pagination.
how to handle state when we have pagination in items list?
and what if we need save all content, not only selected by user, for displaying when there are no conection?
Great suggestion!
hello ! is there any extention to give a folder icon like in the case of your vs thank you
Bro your way of teaching and advance level of code is excellent ..
Glad to hear that
Thank you very much for sharing this knowledge 🙏💚. I wanted to ask if I had many models, entities, and api services. Every time I run "build_runner build," will I have to edit all the api services to work properly the same way we did it in this video?
To edit the codegen is a very strange decision. You should create something like ArticleResponseModel, with fields statusCode, totalResults and articles(the list of all articles). And put articles into DataSuccess ''return DataSuccess(res.data.articles);''.
great video! one question, is it safe updating generated files by hand ? what happens when you rerun the build command ? will your manual updates not be overriden ?
You should not modify generated files, as they will be overwritten next time with the build runner called.
The folder structure is a bit complex, but a great video nonetheless. I would much like to see a cleaner implementation without relying on multiple dependencies. A question, at this moment, i was working on a hobby project of mysql node js api which i could call using retrofit. Flutter Bloc has went through a lot of updates. If Possible Please do an indepth video on Hydrated Bloc pattern and Retrofit CRUD Requests Would love to see your take on that.
no bro, this structure is very popular and easiest in mobile to understand and maintain
@@ka61er i have a question that what would we do if two features need to call the same endpoint? we will create 2 repository for each feature with the same code ?
Bro you explainstions🔥🔥🔥
Too fast for begineer so great video but will back later after become good at flutter !! make a medium pace videos so that it would be beginner friendly too !
btw i like your videos. i am actually one of your older subscriber
❤
Best
Greate video
Thanks!
What amazing tutorial. I am very impress the way you write the clean code. I relly want to know how to implement this clean architecture using riverpod instead of bloc :)
Glad it was helpful!
@@flutterguys I try to use riverpod using your clean architecture. I just create two fils in remote folder : remote_article_state.dart and remote_state_notifier.dart, Can you just please have a look of what I have done in remote_state_notifier.dart :
import 'package:dio/dio.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:test_mvvm_one/common/resources/data_state.dart';
import 'package:test_mvvm_one/features/news/data/data_sources/remote/news_api_service.dart';
import 'package:test_mvvm_one/features/news/data/repository/article_repository_impl.dart';
import 'package:test_mvvm_one/features/news/domain/repository/article_repository.dart';
import 'package:test_mvvm_one/features/news/domain/usecases/get_article.dart';
import 'remote_article_state.dart';
final dioProvider = Provider((ref) {
final dio = Dio();
return dio;
});
final newApiServiceProvider = Provider((ref) {
final dio = ref.watch(dioProvider);
return NewApiService(dio);
});
final articleRepositoryProvider = Provider((ref) {
final newApiService = ref.watch(newApiServiceProvider);
return ArticleRepositoryImpl(newApiService);
});
final getArticleUseCaseProvider = Provider((ref) {
final articleRepository = ref.watch(articleRepositoryProvider);
return GetArticleUseCase(articleRepository);
});
// Define my notifier
class RemoteArticlesNotifier extends StateNotifier {
final GetArticleUseCase _getArticleUseCase;
RemoteArticlesNotifier(this._getArticleUseCase) : super(const RemoteArticlesLoading());
Future getArticles() async {
final dataState = await _getArticleUseCase();
if (dataState is DataSuccess && dataState.data!.isNotEmpty) {
state = RemoteArticlesDone(dataState.data!);
} else if (dataState is DataFailed) {
state = RemoteArticlesError(dataState.error!);
}
}
}
// Notifier provider
final remoteArticlesProvider = StateNotifierProvider((ref) {
final getArticleUseCase = ref.watch(getArticleUseCaseProvider);
return RemoteArticlesNotifier(getArticleUseCase);
});
@@flutterguys I used riverpod instead of bloc to see how to integrate it in this clean architecture. I just create two files : remote_state_notifier.dart and remote_article_state.dart, the remote_article_state.dart still the same. In the remote_state_notifier file, I write this code there :
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
import 'package:dio/dio.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:test_mvvm_one/common/resources/data_state.dart';
import 'package:test_mvvm_one/features/news/data/data_sources/remote/news_api_service.dart';
import 'package:test_mvvm_one/features/news/data/repository/article_repository_impl.dart';
import 'package:test_mvvm_one/features/news/domain/repository/article_repository.dart';
import 'package:test_mvvm_one/features/news/domain/usecases/get_article.dart';
import 'remote_article_state.dart';
final dioProvider = Provider((ref) {
final dio = Dio();
print("Nop");
// Ajoutez toute configuration nécessaire pour Dio ici
return dio;
});
final newApiServiceProvider = Provider((ref) {
final dio = ref.watch(dioProvider);
return NewApiService(dio);
});
final articleRepositoryProvider = Provider((ref) {
final newApiService = ref.watch(newApiServiceProvider);
return ArticleRepositoryImpl(newApiService);
});
final getArticleUseCaseProvider = Provider((ref) {
final articleRepository = ref.watch(articleRepositoryProvider);
return GetArticleUseCase(articleRepository);
});
//My notifier
class RemoteArticlesNotifier extends StateNotifier {
final GetArticleUseCase _getArticleUseCase;
RemoteArticlesNotifier(this._getArticleUseCase) : super(const RemoteArticlesLoading());
Future getArticles() async {
final dataState = await _getArticleUseCase();
if (dataState is DataSuccess && dataState.data!.isNotEmpty) {
state = RemoteArticlesDone(dataState.data!);
} else if (dataState is DataFailed) {
state = RemoteArticlesError(dataState.error!);
}
}
}
// Notifier provider
final remoteArticlesProvider = StateNotifierProvider((ref) {
final getArticleUseCase = ref.watch(getArticleUseCaseProvider);
return RemoteArticlesNotifier(getArticleUseCase);
});
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
The app is just on loading state and do not get articles. Please can you help me to understand what is the probleme. Thanks in advance :)
very crisp & clear explanation .. Just wanted to ask can we use the bloc's cubit instead of old bloc state management method
yes you can use any state management of your choice
@@onyemaanthony can i ask you ? which is the best for state management right now ?
Well there is nothing as best state management it depends on the project your working on and also a lot of use cases I will say as a flutter developer make sure your confortable working with bloc and provider as the are the most popular in the community
what is the difference between this architecture, MVP, MVC, or MVVM
and which is better
Amazing thanks ❤
You're welcome 😊
best❤
As we didn't use the fromjson method but it didn't pose a problem why?
This could have been better if you made a bootcamp style. I will gladly watch a 24 hour version of it.
Then where should I set my user token value for dio options headers?
Hey guys, just wanted to ask if the data from two different features can interact with each other?
Im making my first app and similar to your news example, I want a Songs list and a Chords list. All data will be fetched from a local DB (one Songs table, one Chords table). Each entity/model contains a list of chords (List of entity/model). So if I wanted to edit a chord, the change needs to be reflected in each entity/model.
So I'm a bit confused as to how I can achieve this.
Great video btw!
There is no problem, you are defining two separate entities. When you edit the chord, I don't think you need to edit the song as well!
@@flutterguys Appreciate the response!
Yeah was more so a confusion on how each feature has to have the architectural folders. In that way, how can one feature access data from another? I have decided to use feature folders within the architectural folders for now. Will see how it goes.
Thanks heaps!
Hi I have one question why repo abstraction is in domain layer why it is not in data layer? can you please explain in comment.
Please put subtitles on your videos. Today with AIs it is so simple and easy! This way, people from all over the world can see your videos.
Hello, can you tell how to pass bloc reference from one screen to others.
In Create Repository Classes and Models video you make the Data model extend the Domain Entity which creates a dependency on Domain Layer from Data layer. Isn't it an antipattern? Well maybe it's not, since the Data layer should be swappable and the Domain layer contains only bussiness logic that should not have any frameworks and specific implementations/technologies.
Hi, great video. May I know what extension are you using for the folder icon?
I think its Material Icons extension
Very good content, thank you! I would have a question regarding entities and models.. isn't there an easier way of doing that without writing a model that looks almost the same as the entity besides the annotations? It looks like a lot of duplicated work especially when changing the entities/modes...
You can delete the entity, but this is against the clean architecture, on the other hand, because the entity is in the domain layer and the domain layer is independent and should not be subject to external changes. We cannot use entity in the data layer because we may make changes in the database or api at any moment, which will lead to changes in the entity and domain layer, which is contrary to clean architecture.
@@flutterguys Still this explanation isn't quite clear because ArticleModel is extending the ArticleEntity. What does this mean if for some reasons, we change the articlesModel to add or remove or modify fields? We'll be forced to also update the entity. Instead of extending, I prefer separate data mappers for this. What do you think?
@flutterguys can you reply please? I'm interested
This awesome!
Create another project pls 🎉
❤
its better have data/domain/presentation as main layers, and then add by module like data/auth/..., that repeat on each feature all the auth/domain/data... layers, having many directories make it complex to read.. simple its better always
this is the first clean one ever and advance
hi, after searching whole internet i found this wonderful tutorial about clean architecture, but i am little confuse about the difference of mvvm, mvc and mvi architecture vs clean architecture, somewhere in stackoverflow i read that mvvm and.... only use in presentation layer and we can use them even in clean architecture , so here in this project what kind of architecture are you using in presentation layer? and can you explain about it? thank you ❤
MVVM solves issues from MVC.
MVVM structure follows clean architecture.
why not hive? retrofit really need dio can do most of the work ?
None of the statements in initializeDependencies() method are asynchronous. Why is the function itself asynchronous?
ok but if we want to make a post for register?
You are talking so fast man take a breath between each sentence ...
Ya it feels like AI voiceover at 1.15x speed
Most definitely AI voice
I used the 0.75x setting :D
Its his credit, you can slow the video speed.
This channel is from France. No way this is his real voice
Hey really nice video 👍, i had one question, so what if two different features share the same state, like they depend on a reactive state, where would you put it? Should it be in the data section but it won't be from a data source but just some shared state, how do you handle this.
If you can give an example
we have two pages, and on one page we have a switch, and the other page will show some text based on the current value of the switch on the other page. we have two pages each with their own application login, but this switch is one that is shared.
Hi, I'm new to the BloC pattern and Flutter so please excuse my ignorant question about the 'Create BloC' section. I looked up BloC examples online and they all seem to involve the use of StreamController in some shape or form. How come in this tutorial, only the emit is used? And thanks for the great video. Subscribed!
What did they use stream controller for? What was their goal?
Hi, If you are going to implement the pattern bloc, we used to work with streamcontroller to control the stream flow, but in this video we are using the bloc library (not only the pattern) that encapsulate this for us.
It's not really clean, the folder structure actually makes me confused :), but it's still a great video, thanks for sharing!
Firstly, thanks for the video. Great explanations with great content.
I have two questions.
1. Is it a good practise extending dataModel from entity? I think they should be seperate totally and we can use a mapper class for entity->model or model->entity transformations.
2. Is using methods like _buildAppBar and _buildBody legal? I agree with you, the code looks organized but I think flutter doesn't recommend doing this due to performance issues.
What do you think?
Extends is a easy way you can create a "toEntity" method. And maybe to entity is better in complex projects. Because extending is a kind of dependency. You are right.
To be honest, I have no information about your second question and I have to research.
For 2nd, Yes it's recomended to use stateless/stateful widgets instead of function widgets. A Function widget is called every time when a state changes while a Widget may not change as flutter is optimised for widgets.
Subscribed
Great video! Thanks for the content...
I have one confusion...
Could @flutterguys or someone please explain this to me?... Since the presentation layer (bloc, state, widgets, etc.) and the data layer repo implementation (for saving articles locally) depend on the ArticleEntity (the domain entity), then how does this clean architecture make layers independent from each other or at least the domain layer decoupled from the other layers? TIA
Hey, why ingredient model doesn't pass parameters to super class? Thanks
Great content! and I have a question in terms of scalability. as for now we only have 1 api to deal with and the sl is full of content. what if the api count goes for like 50? how to handle it in clean architecture?
I think we can create multiple sl instance, I don't know exactly I have to research about it.
Registered those api's in NewsApiService class if it only has one baseUrl, the tricky part if you follow this tutorial if you had 50 api's you're likely dealing with many models and entities which is cumbersome
At first, I thought the video was playing at 1.5x speed😐
Btw...thanks for this video!!
thanks for nice video i just want to mention one thing it is not good idea to edit generated file (.g file) to solve that parse issue problem it is better to handle it by our own and change Future to Future and in article_repository_imp.dart parse it like this :
List articles =
(httpResponse.data['articles'] as List)
.map((e) => ArticleModel.fromJson(e))
.toList();
Thanks for sharing
Wow clever idea, you should also make videos.
thnx, please a clean aechitecture project with Hive and bloc
I'm not a fan of feature folders... I had a better experience with having the layers a the first folders. Afterward, if the project needs to be broken in modules, I would add for each module a layer structure.
Important is to acknowledge that simple apps don't need that many layers and sometimes can overcomplicate a simple 3 feature app.
The use case is pointless in this example and can be easily pointed out as overengineering. Use the repository directly as use cases and you will have a simpler design. You have the same flexibility, or even bigger. Less code > More code.
thanks
Putting the abstract "usecase" class file into the core folder seems arbitrary. It is an essential part of the domain layer and should be located there, next to the use case implementations. When you put it into "core," you have a hard link between the domain and core layer, which makes the domain layer not independent of the other layers!
I think it's a bad arhitecture to have different blocs for remote/local. IMO you should have the remote/local repositories which are interchangable, based on network connection.
It more simple/clean/maintable and reduce the boilerplate comes with having diffeent blocs for remote/local.
i encounter a problem took me few hours to figure it out, ArticleModel constructor name params should be super.title, if it is String ? title, all ArticleModel we get from factory, their attibute all Null
Thank you man I was having this problem
I don't know if this is a good approach for big projects I mean in the example you have it is a small app and you have a huge folder structure what would happen with medium-big projects?
I feal like that this approach is not following the KISS principle, because of many introduced shallow "modules", just passing the data
I'm getting the exception in the "article!urltoimage!" in the article_tile.dart file as -> "no host specified in the URL ". how to resolve this??
if you having an issue at 14:17 like
"Failed to build build_runner:build_runner: ~~~~~ final error = e[0] as Object? ?? NullThrownError();"
you should go to terminal agin, write;
flutter pub upgrade
flutter pub outdated
flutter pub upgrade --major-version
flutter pub get
then you can try again to continue;
flutter pub run build_runner build
(': sorry if im mistaken , some code may be unnessecery but in total, that's works for now :')
✌❤
It solved my problem. Thanks!
Hey! I need you help. I really like this clean architecture kind of programming because it will be more professional to use this instead of direct and hard coded practices. the problem is it is very hard to me. how can i learn it because of the complex kind of programming. how did you learn it and what was of help. Thank you
When I was learning, I thought it was complicated, but it is not at all. I found the source code of a simple project and tried to find the connection of the files with each other and this way I could learn. I taught exactly the method I learned in the video, so watch the video and then check the source code.
@@flutterguys I am gonna build the app myself with you. Thanks for replying. Have a great day!
hi what about other methods post put delete?
at 28:40 my app is stuck in RemoteArticleLoading state and not proceeding into done or failed
Hi. Nice tutorial, but method extract is bad practice . Or no?
عالی پسر
Ghorboonet ❤️✌️
i liked video until 28:27 very good explanation on why doing something , but error fixing in 28:27 destroyed all impression, how you can fix something in code where on top even comment don't do it manually its generated code, no one can remember all manual fixes , after adding net call api you will generate code again and this manual fix will be deleted and you will not understood why application stoped to work.If it possible can you present how to fix it so next generate will not delete it, thanks
I didn't find a solution from the retrofit document and I didn't want to make an additional model....
I did not expect the video to go viral 😂
instead of DataSuccess and DataFailed we can use Functional programming..
Great tutorial bro. Sory but I got a problem when get imageUrl _TypeError (Null check operator used on a null value) in article_tile.dart
would you help this error, thanks
Confirm if you passed urlToImage in ArticleModel class to super
For those whose build_runner command is not working add retrofit_generator in dev_dependencies.
Thanks
Thank you for this great explanation
Can you please share the updated repo?
the repo in the link is not updated
Best Regards,
Already shared , check description.
@@flutterguys
Thanks now I see the updated code
Best Regards,
Most clean architecture projects focus on working with apis. What if you have firebase as backend? Which layer should you put your firebase methods in?
Data layer , not difference
When bloc setup is done I get a null error. It works fine on the browser, Api key and all other stuff are okay, I have exactly copied all your codes to solve it but still doesn't work. DataState is success but it returns a list of articles with all null data inside. Plz help.@@flutterguys
@@mrfounderr This error is because the url of some photos, You can check this to set a default url if it is null.
@@flutterguys It didn't solve the error. I when I print the data, there are 17 ArticleModels where all their fields are null. This is what it looks like: ArticleModel(null, null, null, null, null, null, null, null). The only difference in my code is that I had to upgrade some dependencies to latest version.
@@mrfounderr This error can be from the from json method. please print in from json. If you could not solve it, push it on GitHub and I will check it.