[Seaside] Combining Seaside with React

[Bernhard Pieber]

Thanks for the link! This is indeed very fascinating. It sounds exactly like the architecture I am after. Here is the official announcement, which describes their approach in a little bit more detail:
https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript

Under the hood they use morphdom on the client to do the DOM diffing to calculate the minimal necessary DOM changes:
https://github.com/patrick-steele-idem/morphdom

This achieves the flicker-free UI updates. In theory it should be possible to use something like this with Seaside.

Phoenix LiveView also minimizes the network traffic by compiling HTML templates and only transfering the static parts during the initial rendering. I don't think this part could be replicated with Seaside because it is component based and the rendering is done dynamically.

In order to minimize network traffic, one would have to do the DOM diffing on the server and transfer only DOM changes.

- Bernhard


> Am 27.03.2019 um 19:03 schrieb Esteban Maringolo <emaringolo at gmail.com>:
> 
> If it works with React, it will probably will work with Vue.js too. ;-)
> 
> I recently came across this
> https://shift.infinite.red/phoenixs-liveview-client-side-elixir-at-last-2280716ae791
> and thought about having something similar with Seaside rendering,
> pushing content via websockets and patching the DOM only where
> necessary.
> 
> Pipe dreams, maybe...
> 
> 
> Esteban A. Maringolo
> 
> El mié., 27 mar. 2019 a las 14:54, Bernhard Pieber
> (<bernhard at pieber.com>) escribió:
>> 
>> Hello,
>> 
>> In https://github.com/SeasideSt/Seaside/issues/1023 I read this very promising sentence:
>> "We should publish the examples on how to combine Seaside with React"
>> 
>> I would be very interested in those. ;-) I have been thinking quite a bit about how to make my Seaside application more reactive.
>> 
>> - Bernhard
>> _______________________________________________
>> seaside mailing list
>> seaside at lists.squeakfoundation.org
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside