Flux: A modern way of doing MVC?

E6c61f085d7aceaf97b7bd00e9195514?s=47 SQUER Solutions
March 13, 2018
780

Flux: A modern way of doing MVC?

Voxxed Days (Vienna, Austria)

video: https://www.youtube.com/watch?v=h9SDuTSy7ps

E6c61f085d7aceaf97b7bd00e9195514?s=128

SQUER Solutions

March 13, 2018
Tweet

Transcript

  1. 3.

    UI-State-Management record state session state screen state GUI Architectures -

    https://martinfowler.com/eaaDev/uiArchs.html @duffleit @oetzn
  2. 4.

    UI-State-Management record state session state screen state GUI Architectures -

    https://martinfowler.com/eaaDev/uiArchs.html ensure consistency @duffleit @oetzn
  3. 18.
  4. 24.

    Bliki > Google “Different people reading about MVC in different

    places take different ideas from it and describe these as 'MVC’.” - Martin Fowler @duffleit @oetzn
  5. 32.

    AbstractUIStateManagementPattern mvc = PatternStore.load(Patterns.MVC);
 // todo: use DI here Web

    theWeb = new WebFactory().create();
 try {
 theWeb.apply(mvc);
 } catch (PatternApplicationException e) {
 // never happens
 } @duffleit @oetzn
  6. 38.

    Make it to the talk in time Fix DI-Todo Get

    Wunderlist mark as done Todos: <li class=“done”>...</li> <li>...</li> mark as done @duffleit @oetzn
  7. 44.

    Server Client Model Controller View Controller View HTTP-Request HTTP-Response JSON

    <li class=“done”>...</li> todo -> todo.addClass(“done”) HTTP-Request HTTP-Response @duffleit @oetzn
  8. 45.
  9. 63.

    Single Source of Truth Model Controlle r View Model Controller

    View Model Controller View @duffleit @oetzn
  10. 64.

    Single Source of Truth Model Controlle r View Model Controller

    View Model Controller View @duffleit @oetzn
  11. 68.

    Structure • View → React • Model → Store •

    Controller → […] Goals • Unidirectionality • Predictability • Single Source of Truth • Consistently Display Data @duffleit @oetzn
  12. 74.