vans163
Hello today I whipped up the first revision of Morphling, the ideas behind Drab and LiveVIew are simply too good and made me very excited. Basically Morphling aims to be a pluggable version of LiveView, this means it is not tied to Pheonix, so you are responsible to setup the channel yourself as well as persistence of serverside state.
What morphling provides is the frontend JS and DOM diffing/morphing tools in a single library.
https://github.com/vans163/morphling
Some things I am having trouble with ATM and looking for community help is with diffing the DOMs on the server to send a partial piece. For example if a value in a field changed from a 0 to 1, we should only send a diff that 1 byte changed at position.
Also if your interested in making things better feel free to submit some pull requests.
Where Next?
Trending in Announcing
Other Trending Topics
Latest on Elixir Forum
Sponsor Spotlight
Supporting innovation across the BEAM ecosystem.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixir-ls
- #ai
- #elixirconf-us
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Bringing learning, work and compliance together since 1987.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 1- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
vans163
Just pushed server->client dom differentials and so far so good. Using a custom algo I wrote as myers_difference is way too expensive and slow. 4140ms to diff 2 20kb html files, vs the one I wrote takes 0-1ms for the same file.