vans163
Morphling - Server driven DOM morphing library (like Drab/LiveView!)
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.
Most Liked
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.
Popular in Announcing
Other popular topics
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
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
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
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 for Elixir devs who love to ship. Start your free account.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"