Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Flutter app architektúrák (Flutter app architectures)

Flutter app architektúrák (Flutter app architectures)

Úgy tűnhet, hogy a Flutter csak a Widgetekről szól, konkrétabban a UI Widgetekről. Alkalmazás fejlesztőként viszont a UI feladatokon felül az alkalmazások mélyebb struktúrájával, felépítésével is foglalkoznunk kell. Feladatunk még például a UI és alkalmazás állapot kezelés, dependency injection, hálózati hívások, stb. összeállítása. Ez az előadás bemutat néhány Flutter architektúrát és package-et, amiket a Flutter közösség előszeretettel alkalmaz.
Az előadás a 2020. júliusi HWSW free! online meetupon hangzott el magyarul.
https://rendezveny.hwsw.hu/free/51/flutter-fejlesztes-meetup

Flutter seems to be all about Widgets, especially UI Widgets. But as app developers, we should take care about much more while developing applications on any platform. UI and app state handling, dependency injection, networking, and so on. This talk highlights some frequently used architectures and packages preferred by the Flutter community itself.
Presented at the July 2020 instalment of the HWSW free! meetup series (online) in Hungarian.
https://rendezveny.hwsw.hu/free/51/flutter-fejlesztes-meetup

E8168a08862631072b2e82e7b662dc07?s=128

István Juhos

July 21, 2020
Tweet

More Decks by István Juhos

Other Decks in Technology

Transcript

  1. Juhos István Flutter app architektúrák stewemetal

  2. @stewemetal Mit látunk először a Flutterből?

  3. @stewemetal Mit látunk először a Flutterből? Widgeteket

  4. @stewemetal UI Widgeteket! Mit látunk először a Flutterből?

  5. @stewemetal https://flutter.dev/docs/development/ui/widgets

  6. @stewemetal https://flutter.dev/docs/development/ui/widgets

  7. @stewemetal https://flutter.dev/docs/development/ui/widgets

  8. @stewemetal UI

  9. @stewemetal Preferences Database, DAOs Network APIs DiskDataSources NetworkDataSources Interactors App

    state handling UI
  10. @stewemetal Mire koncentrálnak a Flutter app architektúrák? App state handling

  11. @stewemetal Flutter app architektúrák BLoC Mobx Redux

  12. @stewemetal BLoC UI BLoC Interactors Állapotok Események Aszinkron lekérdezés Aszinkron

    válasz https://pub.dev/packages/flutter_bloc/
  13. @stewemetal Flutter app architektúrák BLoC Mobx Redux

  14. @stewemetal Mobx https://pub.dev/packages/mobx

  15. @stewemetal Flutter app architektúrák BLoC Mobx Redux

  16. @stewemetal Redux https://pub.dev/packages/redux https://pub.dev/packages/flutter_redux https://redux.js.org/

  17. @stewemetal Flutter app architektúrák BLoC Mobx Redux

  18. @stewemetal Mi kellhet még egy apphez? Adatbázis-kezelés JSON szerializálás Dependency

    Injection Hálózati hívások
  19. @stewemetal Adatbázis-kezelés JSON szerializálás Hálózati hívások Mi kellhet még egy

    apphez? http Retrofit (Flutter) Chopper -
  20. @stewemetal Hálózati hívások Adatbázis-kezelés JSON szerializálás Dependency Injection Mi kellhet

    még egy apphez? sqflite floor moor
  21. @stewemetal Hálózati hívások Adatbázis-kezelés JSON szerializálás Dependency Injection Mi kellhet

    még egy apphez? json_serializable json_annotation dart:convert
  22. @stewemetal JSON szerializálás Dependency Injection Mi kellhet még egy apphez?

    InheritedWidgetek Provider Modular
  23. @stewemetal Preferences Database, DAOs Network APIs DiskDataSources NetworkDataSources Interactors App

    state handling UI
  24. @stewemetal Hivatkozások flutter.dev/docs/development/ui/widgets pub.dev/packages/flutter_bloc pub.dev/packages/mobx pub.dev/packages/flutter_redux https://speakerdeck.com/stewemetal/app- architecture-concept-in-flutter

  25. @stewemetal Flutter app architektúrák A Flutter alkalmazások nem csak Widgetekből

    állnak Más platformoktól átvett architektúrák, működő ötletek (Majdnem) mindenre van már package stewemetal