I'm surprised to read the following tweet, made yesterday by Sebastian Markbåge of the React team.<p>"React tried and abandoned the Observable tree approach that @andrestaltz is using but but try out http://cycle.js.org/ incase we're wrong."<p>I agree Cycle.js is fully reactive while React.js is only partially reactive in it's state render function. Something that is missing in React.js is robust interaction and event handling. Both the front/data and back/event side of a app should be reactive and I think Cycle.js is just using Rx to show the way.<p>More React.js developers have seen the light of Rx recently so how can Rx be argued with? Maybe its just the MVI Framework that React.js does not like? Certainly Cycle.js brings a different sort of observable tree into the arena, exposing a whole new level of interactive computing for web apps.<p>Looking at another statement made by Sebastian Markbåge on April 10th, he admits that a better React.js event strategy is required. I see Cycle.js contributing to this acknowledged gap.<p>https://github.com/facebook/react/pull/1389#issuecomment-86478622<p>What is the verdict?
From what I've gathered throughout discussions[1], React has seen some experiments with RxJS Observables (or something inspired by Observables), but they want to avoid the learning curve associated with reactive programming, keeping React beginner-friendly.<p>MVI architecture[2] in Cycle.js is derived from thinking about UIs holistically, and realizing how the user is connected to the application. The user gives events to the application, flowing through a thick layer of abstraction: from hardware (mouse) to operating system, to browser, to DOM, then finally to your application. Intent in MVI is another layer of abstraction between those user events and the program's state. The key here is to realize what is the source/owner of events: the actual human user. I think it makes no sense to think about events as owned by view components, it doesn't match reality. PS: MVI arch can be done with React as well, you can e.g. use document.querySelector().addEventListener() globally and remove events from components. This is how Cycle.js just leverages DOM events (and custom DOM events too).<p>React has tougher challenges though, since they want to contain both DOM and Native and whatnot event systems in the same abstraction.<p>[1] <a href="https://twitter.com/sebmarkbage/status/589966228938063873" rel="nofollow">https://twitter.com/sebmarkbage/status/589966228938063873</a><p>[2] <a href="http://cycle.js.org/model-view-intent.html" rel="nofollow">http://cycle.js.org/model-view-intent.html</a>