Flutter Clean Architecture Visual Explanation

Sdílet
Vložit
  • čas přidán 9. 07. 2024
  • Advantages of using Clean Architecture in Flutter app development:
    👉 Modularity: Clean Architecture promotes modularity, making it easier to add, remove, or replace components without affecting the entire application.
    👉 Testability: Because business logic is separated from the UI and external dependencies, it's easier to write unit tests for the core functionality of your app.
    👉 Maintainability: Clean Architecture enforces a clear separation of concerns, which makes it easier to understand and maintain code over time.
    👉 Flexibility: You can switch out external frameworks or data sources without affecting the core business logic, providing flexibility as your app evolves.
    To implement Clean Architecture in your Flutter app, you'll typically create separate Dart packages or modules for each layer, ensuring that dependencies flow inwards as per the dependency rule. This separation of concerns and clean code organization can lead to a more robust and maintainable Flutter application.
    FULL FREE COURSE
    Clean Architecture: • Flutter Clean Architec...
    WEBSITE
    fluttermapp.com/
    OVERVIEW
    0:00​ Clean Architecture is also a cone
    0:54 Folder structure
    1:20 Associate folders with images
    2:20 Circular flow
    3:15 Linear flow
    4:14 Flow with the Datasources logic
    5:57 Make it as simple as possible
    MISSION
    Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.
    RECOMMENDED VIDEOS
    Playlist of more than 200 Flutter tips: • 35 Flutter Tips That W...
    Learn Flutter in 1 hour: • Flutter Tutorial For B...
    Zero to Hero Flutter Course (Beginners): • Video
    Hero to Pro Flutter Course (Advanced): • Video
    SOCIAL MEDIA:
    Instagram : fluttermapp
    Twitter : FlutterMapp
    Website: www.fluttermapp.com
    Discord Invite: / discord
    CONTACT
    For business inquiries email me here: info@fluttermapp.com
    Website: fluttermapp.com
    #FlutterMapp
    #flutter #cleanarchitecture

Komentáře • 46

  • @FlutterMapp
    @FlutterMapp  Před 9 měsíci +1

    🔥Complete Free Clean Architecture Course Available Here: czcams.com/video/SmJB8cy8emU/video.html

  • @glitchlover260
    @glitchlover260 Před 9 měsíci +6

    for first time I fully understood the concept of clean code

  • @maxc9432
    @maxc9432 Před 10 měsíci +3

    I was literally just thinking about to find a Flutter Clean Architecture with diagram visualization, and here we are!

    • @FlutterMapp
      @FlutterMapp  Před 9 měsíci

      If you need more info, you can find the full course available for free here: czcams.com/video/SmJB8cy8emU/video.html . Thanks Maxc

  • @demonocrazi7264
    @demonocrazi7264 Před měsícem

    The way you teach is very understandable. Thanks!

  • @AdityaBolt
    @AdityaBolt Před 10 měsíci

    This is the best way to explain clean architecture!

  • @krisnaerlangga8998
    @krisnaerlangga8998 Před měsícem

    One of the best visualization of clean architecture. Thank you

  • @adimardev1550
    @adimardev1550 Před 5 měsíci

    one million thanks for our guy here. very clear, concise and effective.

  • @abdulrahmanadeyemi1491
    @abdulrahmanadeyemi1491 Před 10 měsíci

    thanks, this was very helpful

  • @YuriyShevtsov
    @YuriyShevtsov Před 5 měsíci

    They completely changed the approach, and again everyone’s favorite anti-pattern of the anemic model

  • @ThePilli41
    @ThePilli41 Před 10 měsíci

    Oh boy! Im not gonna lie, I missed you! its great to see you are back. Cant wait for more content coming

    • @FlutterMapp
      @FlutterMapp  Před 9 měsíci

      Much appreciated 🙏 Feel free to send video ideas at info@fluttermapp.com ✌

  • @sifodev8180
    @sifodev8180 Před měsícem

    Thanks !

  • @arslanaliwarsi6309
    @arslanaliwarsi6309 Před 21 dnem

    Perfect dude ❤❤

  • @bhaaratkrishnan7075
    @bhaaratkrishnan7075 Před 10 měsíci +7

    Amazing video 🔥 post more videos on clean architecture using bloc and riverpod

  • @medch1750
    @medch1750 Před 10 měsíci +10

    For the data update step, shouldn't the presentation layer and the data layer ever talk to each other directly and use the domain layer instead?

    • @manfredkernMK
      @manfredkernMK Před 2 měsíci

      I share the same opinion. The data should bubble up thru the domain layer to the presentation layer.

  • @user-lw2yn4zb6x
    @user-lw2yn4zb6x Před 9 měsíci

    What a great video, thanks alot !!😄

  • @yusufmuhammad9866
    @yusufmuhammad9866 Před 9 měsíci

    nice explanation, I feel more understood from your explanation rather than the other, thanks

  • @nipunshah1373
    @nipunshah1373 Před 10 měsíci +3

    How datasoudrce directly talk to providers?
    It needs to pass back via usecase only, correct ?

    • @FlutterMapp
      @FlutterMapp  Před 9 měsíci

      Full course available for free here: czcams.com/video/SmJB8cy8emU/video.html . I hope this will help you 🙏

  • @holi906
    @holi906 Před 10 měsíci +4

    Good video!👍 Easy to understand the concept with visual
    It will be great if you can make an extra video to explain the concept with code example
    Good job!

    • @billiardoxx
      @billiardoxx Před 10 měsíci +1

      I support this request, long time ago I tried to implement this approach in my project but it was confusing because shared tasks like datasource and utils. Some people uses actions/events instead of pages, because a page can be a composition of other pages. so I hope that a moderately complex project is developed that covers these cases

    • @tristangrobler4950
      @tristangrobler4950 Před 10 měsíci

      Would also like this

  • @frankmwale1580
    @frankmwale1580 Před 10 měsíci +2

    Because I never understood usecases, from the source I was reading, I'm using riverpod(my provider) as a bridge between the UI and the repositories in the domain layer. I would love to see an implementation of the usecases and see how I can refactor my code if need be

    • @FlutterMapp
      @FlutterMapp  Před 9 měsíci

      Hi Frank, You can find the full course available for free here: czcams.com/video/SmJB8cy8emU/video.html ✌✌

  • @chomanthapa
    @chomanthapa Před 10 měsíci

    Man! this thing was causing me a headache, thank for simplifying it. Nice circle tho

  • @Kot4san
    @Kot4san Před 10 měsíci +6

    This video is a lot of work but, without concrete code examples, I don't understand.
    I'm using Flutter, Provider and Riverpod daily. Can you please show me the folder architecture and an example with dart files?
    Thank you for your work!

    • @FlutterMapp
      @FlutterMapp  Před 9 měsíci +1

      You can find the full course available for free here: czcams.com/video/SmJB8cy8emU/video.html

  • @MrIcontrol
    @MrIcontrol Před 9 měsíci

    Where would you put the reactive logic ? for example you send a request to the server, the server respond OK now you want to show a toast and navigate where would you do that?

  • @joshuabumanlag396
    @joshuabumanlag396 Před 10 měsíci

    Amazing Video as always! I hope you still remember me HAHA! Been here since Day 1

    • @FlutterMapp
      @FlutterMapp  Před 9 měsíci

      Yoo Joshua, for sure I remember you, It's been a while man! 🙏

    • @joshuabumanlag396
      @joshuabumanlag396 Před 9 měsíci

      @@FlutterMapp I still been an avid fan of your work! Im super proud and happy about your growth and work!

  • @lesptitsoiseaux
    @lesptitsoiseaux Před 9 měsíci

    Tu fais tu CZcams a temps plein? J'adore tes videos en passant. C'est grace a toi en parti que mon application progresse bien!

    • @FlutterMapp
      @FlutterMapp  Před 9 měsíci

      Letsgooo! CZcams for fun only yet lol 🙏 C'est quoi ton app?

    • @lesptitsoiseaux
      @lesptitsoiseaux Před 9 měsíci

      @@FlutterMapp elle résous le problème de confiance entre inconnus.

  • @codewithroman8180
    @codewithroman8180 Před 10 měsíci

    Sir clean architcure playlist make

  • @Xenonandplutonium
    @Xenonandplutonium Před 6 měsíci

    😇👍

  • @lynnboyd1109
    @lynnboyd1109 Před 9 měsíci

    'Promosm'

  • @nobodydoe
    @nobodydoe Před 9 měsíci +3

    Well, this is just yet another opinionated view, I would suggest to take it with a grain of salt. Do your own research.

  • @araz911
    @araz911 Před 9 měsíci

    Why do all this pain when you can write javascript code? Also react faster than flutter, it's proven many times, why do this bro?