from Hacker News

Unidirectional user interface architectures

by Stamy on 8/25/15, 9:24 AM with 8 comments

• by stardrive on 8/25/15, 3:08 PM

  What a fantastic overview of the past, present and future of UI flow and structure! There is a real need to step back and consider the available architectures and to build forward to a more natural and synergistic solution like Cycle.js.org.

  I Really like the third diagram in the Nested Dialogues section and where it says "The wiring of Observables between layers of Dialogues is a data flow graph". This reveals that interactive event flow is primary and is what drives a UI, weaving through components like the nervous system does in the human anatomy.

  In the diagram we are looking at an emerging and clear way of defining app flows and structures. There is potential here for a drag and drop IDE editor where the over all app can be architected and generated.

• by kirilloid on 9/5/15, 1:07 AM

  The overview is really great, but I think you only scratched the the surface. With ambitious task to cover such a broad topic, it's hard to go into all details in one post w/o making it unreasonably long. So great work on bringing attention to this topic.

  I feel some need for code examples as well [as other commenters], but I'm afraid the post would be bloated with them. Maybe, it's worth expanding that into a series of posts - one per architecture/approach.

  Another idea to improve expressiveness of the post would be to draw e.g. ol'good MVC pattern for comparison. But since your article is targeted for people familiar with the subject, that piece of advice might be not very useful.

  As for conclusion, I think I cannot completely agree. It seems for me a little like a "silver bullet" solution. On top of that, looking at charts, I can think about a potential problem. Proposed solution requires a lot of internal wiring, which can result in a bunch of glue code.

  I think that different solutions suit different application patterns. E.g. ones go well with -bacon and cheese- unconnected models/stores, the others benefit from centralized data hub.

  You've started a really interesting topic, but we need to go further. We can benefit more from a deeper analysis.

• by serapath on 8/25/15, 6:08 PM

  Can something like a basic `cycle.js` be built using node streams? I once listened to a podcast with timoxley, where he said, that node streams are basically very similar, but while streams have flow control built-in, FRP libraries give more functionality out of the box. But I think more and more streaming modules are getting added constantly to npm, so eventually I can get to the same feature set using a collection of streaming modules. Does that make sense?

• by serapath on 8/25/15, 6:05 PM

  Nice, but even though, the pictures are very nice to look at, it would be very awesome to write down some little javascript scaffold code to better link the pictures to real parts of the code. How do they look like? :-)

  Otherwise, thanks for this great and very inspirational post

• by Frikki on 8/25/15, 3:48 PM

  Informative and brilliant.