Keep it Simple, State: Architecture for Flutter Apps (DartConf 2018)

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 93

  • @pspensieri
    @pspensieri 6 років тому +68

    Currently one of the best talks on Flutter, well done

  • @relativityboy
    @relativityboy 6 років тому +9

    Brian's presentation is awesome, his code is awesome. He seems like a brilliant guy. Very encouraged by his chronic misuse of the word ancestor. (shows his mortality)
    For those wondering:
    Ancestor & parent are overlapping concepts. They are things like root classes, objects that contain other objects, etc.
    If in a class definition you say "inherits from" or "extends" then it's a CHILD. The thing on the right hand side of those two expressions is the PARENT/ANCESTOR.
    If you instantiate a thing inside another thing, the instantiated thing is the CHILD. The instantiator is the PARENT/ANCESTOR.
    2 levels up and higher (^Grand-parent) you're looking at ANCESTOR.
    If you're talking about 2 levels and lower (Grand-child) you're looking at PROGENY.
    I'm pretty sure there's something about the word PROGENY that's confused the issue. People don't seem to feel comfortable using it. But we should anyway.
    X -> Y extends/contained by 'X' -> Z extends/contained by 'Y'.
    ANCESTOR->PARENT -> (CURRENT CONTEXT) -> CHILD->PROGENY

  • @shahidbangash4778
    @shahidbangash4778 5 років тому +6

    Thanks for explaining State Architecture. It helped me a lot to understand how flutter works.

  • @philosophia5577
    @philosophia5577 Рік тому +1

    Looking for more DartConfs in upcoming year..

  • @icazevedo
    @icazevedo 6 років тому +12

    He made this dense talk feel so light! Definitely gonna give it a try

    • @miklosnemeth8566
      @miklosnemeth8566 6 років тому

      I guess in the meantime you had a chance to review the brilliant samples on fluttersamples.com

  • @aymenmt1
    @aymenmt1 3 роки тому +2

    i'm new to flutter , totally recommend this after learning the UI concepts .

  • @tomglod9376
    @tomglod9376 4 роки тому +4

    i'm so happy i watched this...great talk!!! very useful. I'm on day one of writing my first flutter app.

    • @JacklapottTv
      @JacklapottTv 4 роки тому

      Any scary things ahead ? Iam on day one lmao

    • @tomglod9376
      @tomglod9376 4 роки тому +2

      @@JacklapottTv Lots of scary things.... to be honest...the learning curve really sucks. I finally got over the hump when I found a way to have global variables and not have to pass information from widget to widget. also ...becoming clear on the syntax of classes(functions) and their properties. But hint number one is not to just watch tutorials.....type the code yourself instead of copy and paste. good luck brother.

    • @1b0o0
      @1b0o0 4 роки тому

      Tom Glod id say you can copy code as long as you understand what’s happening under the hood at least from a conceptual standpoint.

    • @tomglod9376
      @tomglod9376 4 роки тому +1

      @@1b0o0 of course you can, but typing it out speeds up your brain's ability to retain it and recall. "recalling" is a way of learning. And if you copy and paste you aren't doing that.

  • @yoosufahmadh3945
    @yoosufahmadh3945 4 роки тому +1

    Thank you. Best video I've seen related ro flutter so far

  • @abdous-i8s
    @abdous-i8s 4 роки тому +1

    Awesome, thank you. Helped me to choose which architecture and state management I should chose from the hundreds that are available

  • @jilonasigbee2418
    @jilonasigbee2418 Рік тому +1

    I'm actually a pure beginner in the coding world and I've been trying to see how to even start a career to upgrade my skills but I don't even know what to learn or even how. This vid was soo understandable to me even though I've watched so many begginer's vids. buh does anyone have advice f
    or me

  • @SergioArroyoSailing
    @SergioArroyoSailing 4 роки тому +1

    fantastic explanation of Redux from the man himself :)

  • @MrVipulLal
    @MrVipulLal Рік тому

    Redux is nice, but Provider pretty much does everything. Nice talk thought

  • @uwepuneet
    @uwepuneet 6 років тому +13

    Coming from React Space

  • @jibraniqbal7830
    @jibraniqbal7830 5 років тому +2

    I hope the bloc pattern also had a talk like this.

  • @uziao
    @uziao 6 років тому +4

    great! thank you! :)
    greetings from Brasil
    Ormando (Colatina - ES)

  • @amugofjava
    @amugofjava 6 років тому +3

    Wow - that was a lot to take in. I may need to watch it again. Good talk.

  • @MatheusGambati
    @MatheusGambati 6 років тому +7

    Worked with redux writing big react apps, such a pain wrting boilerplate.
    I wish that mobx existed on dart.

  • @haos4574
    @haos4574 4 роки тому +8

    This sounds very much like the Bloc library, but looks simpler in code.

  • @tobiaswimmerprogramminglif2378
    @tobiaswimmerprogramminglif2378 4 роки тому +1

    Very well explained! Great talk!

  • @saoudiwalid
    @saoudiwalid 6 років тому +3

    The only issue I can see with this architecture is the fact that State must be immutable, so for any slight change to the state, all the state will need to be recreated. This includes nested objects !!!
    A more advanced pattern is used by Microsoft in the MVVM Patter (a special implementation of MVP) where the state (View Model) just need to implement INotifyPropertyChanged (or use if dependency property) to make the view updates only what has changed and no need to recreate the whole state every time.
    What do you think? Is there any better way I might have missed to dual with a more real life type of applications (complex state with nested objects, list of items, items with different details, actions, etc..)?

    • @theGoldyMan
      @theGoldyMan 6 років тому +2

      MVVM died with knockout.js

    • @lotierm
      @lotierm 5 років тому

      Recreating state is no a bad thing. Immutable is good

    • @Dorumin
      @Dorumin 5 років тому

      Immutable chokes the garbage collector, I get that flutter is lightning fast and you shouldn't optimize early on but I still prefer a more OOP approach where one class has certain state and methods to modify it in the same place, with listeners that can update on those changes

    • @vibovitold
      @vibovitold 5 років тому

      @@theGoldyMan MVVM is alive and kicking on Android, in the form of Data Binding library

    • @vibovitold
      @vibovitold 5 років тому

      If nested objects are immutable, too (as they should be), then after recreating the parent object they will be passed by reference. This shouldn't have much of a performance impact.

  • @AJ-dy2bt
    @AJ-dy2bt 3 роки тому

    Brilliant lecture!

  • @Miiite
    @Miiite 5 років тому +1

    Excellent talk

  • @ibrahimsharif1853
    @ibrahimsharif1853 4 роки тому

    Wow, nice Talk with a lot of good information and content :)

  • @FlutterExplained
    @FlutterExplained 5 років тому

    Amazing Talk, thanks for sharing!

  • @mmusa6486
    @mmusa6486 6 років тому

    Great this is an awesome explanation @Brian

  • @andrescamilorodriguezespit6317
    @andrescamilorodriguezespit6317 5 років тому

    Awesome video! Thank you!

  • @warcraft3reforgedisannounc428
    @warcraft3reforgedisannounc428 5 років тому +15

    Wanted to program my first app with Flutter. Read: "Keep it Simple [...]". I didn't understand anything.

    • @rbp365
      @rbp365 5 років тому +15

      :D software engineering is a lot about experience. In order to understand really good, innovative architecture which solves a lot of problems during development, you have to first experience those problems by failing a lot as a developer. There is no way around it at this moment. Software engineering is a 50 year old industry and science, compared to math which is thousands of years old. There is no fool-proof way to just explain everything these people do in a 60 minute presentation, you have to experience it in order to understand it

    • @francisgeorge7639
      @francisgeorge7639 4 роки тому +3

      Google keeps throwing engineers at us instead of people who know how to teach. The docs are the same.

  • @张风捷特烈
    @张风捷特烈 5 років тому

    Thanks,I learn more about ctrl flutter state .

  • @patrickkdev
    @patrickkdev 2 роки тому

    I wish we could have the option to not use curly braces in dart. That would improve code readabilty tremendously

  • @ibrahimragab2299
    @ibrahimragab2299 6 років тому +13

    Well talk, but why not open Android Studio and show us how to do this?

    • @robertdobert4714
      @robertdobert4714 5 років тому +2

      I'm not sure how these are set up but it might just be a time constraint.

  • @polypus74
    @polypus74 6 років тому +2

    apropos: "layering", speaker keeps saying: "we heard a little bit about this yesterday". anybody know which talk he is referring to?

  • @jagdishshetty4782
    @jagdishshetty4782 6 років тому +1

    Good presentation !!!

  • @KashifMinhaj
    @KashifMinhaj 6 років тому +2

    Great! Been waiting for this. Will surely give Redux a try. Btw, has anyone here worked with Sqlite in Flutter? Wanted to know some best practices related to maintaining tables & helper classes.

    • @Mohith7548
      @Mohith7548 6 років тому

      Move to Cloud Database, Firebase

    • @vibovitold
      @vibovitold 5 років тому +4

      @@Mohith7548 this is quite stupid advice honestly. These two serve different purposes. Why give up local persistance for the cloud. It means the app wouldn't be able to save (or retrieve) user data when there's no internet reception - eg. on the subway - not to mention increased battery drain and latency. Even if the data is to be backed up in the cloud, this is not a reason not to store it locally. You keep a local copy then sync it with the cloud.

  • @politicallynotcorrect2968
    @politicallynotcorrect2968 4 роки тому

    Should build a vuex like store which will also multiple and inherited modules .

  • @fuaditrockz
    @fuaditrockz 5 років тому +36

    I wanna learn Flutter to avoid Redux, and finnaly I found Redux again... Sh*t!

  • @FreeMusic54
    @FreeMusic54 6 років тому

    very very helpful speak. thanks.

  • @nkl_sl
    @nkl_sl 3 роки тому

    Thanks!

  • @admin202
    @admin202 6 років тому

    As I know reducers are pure functions without side effects. This means we can't call external services from reducers. Is there any alternative similar to that of Effects in ngRx (Angular )

    • @felixssimoes
      @felixssimoes 5 років тому +2

      The best way to handle side effects is using middleware functions

  • @geor.papadakis
    @geor.papadakis 6 років тому +9

    2018 and still a new framework which nobody knows what a design pattern is which forces you to write clean maintainable code.

    • @lipinskiwav
      @lipinskiwav 6 років тому

      Yeah lol, it's quite annoying coding things like this

    • @sdshsjg
      @sdshsjg 6 років тому

      xD

    • @Dorumin
      @Dorumin 5 років тому +1

      That's a weird sentence but yeah, most of these frameworks are very freeform with what approach you can take with state management, I guess it's just a lot of trial and error and learning why one is better than the other for your usecases rather than following one pattern because it's the only one there is

  • @VemueZ
    @VemueZ 6 років тому

    great explanation

  • @junyuzhan6555
    @junyuzhan6555 6 років тому +1

    In the end, you will need a Relay for Flutter.

  • @jordancech9918
    @jordancech9918 6 років тому +1

    11:15 did you mean pass down to all of its children?

  • @miklosnemeth8566
    @miklosnemeth8566 5 років тому +4

    This is an excellent presentation. Still, I think anything that is more complex than the Vanilla (see fluttersamples.com) is overkill for mobile applications. I am in the mobile business application development arena for 7 years now, and I've never seen an application where the complexity of UI is the challenge. Redux is anything but simple. If Flutter were used for really complex desktop applications, I'd say OK, but for mobile apps, no way it is required. To me the Vanilla solution is the real gem from fluttersamples.com; Redux is like walrus; I come to the zoo to admire them, but I wouldn't take one home.

    • @vibovitold
      @vibovitold 5 років тому +3

      It's not about complexity of the UI as such, but state management in general. This pattern comes at a cost of boilerplate, but it also makes troubleshooting easier, incl. a form of time travelling debugging.
      The benefits are well laid out in Hannes Dorfmann's MVI series - hannesdorfmann.com/android/mosby3-mvi-1 and the subsequent parts.
      It's about native Android development / Kotlin, but it discusses the pattern conceptually. The nomenclature may differ from Redux here and there, but it boils down to prety much the same thing.

  • @canerdemircigm
    @canerdemircigm 4 роки тому

    State Management is: To bring water from 1000 rivers.

  • @quangvuong4089
    @quangvuong4089 6 років тому +6

    Wow, Redux in Flutter is the same as React Native

  • @rajr9598
    @rajr9598 5 років тому

    You forgot Facebook is using redux and the inventor of Redux Dan is a React developer.

  • @znelson32
    @znelson32 5 років тому

    Right?

  • @longbka
    @longbka 5 років тому +1

    I should combo redux and BLoC

  • @amalraj9437
    @amalraj9437 3 роки тому

    What about flutter clean architecture with rxdart
    Anyone please reply me

  • @RowanGontier
    @RowanGontier 4 роки тому

    If the store provider is found from a child widget, why does this not violate the principle of reusability, in sense that if the child widget was used in another app, there probably will not be a provider with the same name?

  • @rankingcompare336
    @rankingcompare336 5 років тому

    Can I check out my APK source file before publishing google play store, it's safe for my user or not?

  • @tmst2199
    @tmst2199 6 років тому +3

    12:17: You touch on duplication between the State and Widget classes and then just skip it to discuss testing. I assume it remains a problem with your architecture. The Flutter testing and documentation is extensive and professional. But is it a case of putting lipstick on a pig?

  • @imranbajwa5937
    @imranbajwa5937 5 років тому

    nice

  • @mhbdev
    @mhbdev 4 роки тому

    It would be so much better with more real worlds examples 👍🏻

  • @muhamedabdalla2301
    @muhamedabdalla2301 4 роки тому +1

    I think that trying to simple a lot, make it so messy and bad.

  • @ismannyb8148
    @ismannyb8148 4 роки тому

    Multiprovider baby

  • @humanontheinternet6510
    @humanontheinternet6510 5 років тому

    so you who created redux

  • @lubeckable
    @lubeckable 4 роки тому

    redux? this is terrible

  • @MrVipulLal
    @MrVipulLal 2 роки тому

    Nothing unique or new here. 100 other videos have the same content, as Dodd the flutter website. Waste of time