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
Master modern tools, write cleaner code, and tackle real-world challenges with Manning books, videos, and courses. Start building today.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
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!
Master modern tools, write cleaner code, and tackle real-world challenges.
Producing high quality Elixir screencasts since 2017.
**Building the future of software with AI, trust, and human connection.**
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.