liveviewjs

Follow for LiveViewJS updates, releases, and Q&A

[liveviewjs @liveviewjs]

https://t.co/NT8yo4mBz1 is completely new 💅 for @strangeloop_stl! We've written over 25k words of documentation of the last couple of weeks on everything @liveviewjs. Let us know what you think!

[liveviewjs @liveviewjs]

Non-elixir LiveView server implementations:
- JavaScript / Typescript https://t.co/HSUdbdn0Z4
- Java https://t.co/1Nyzpjzu4y
- Go https://t.co/2aciKLQL8D
- Python https://t.co/s90IObbmeB

All compliant with the LiveView protocol and using the Phoenix LiveView JS client code

[José Valim @josevalim]

...as far as I know, LiveView is the only server-rendering HTML solution that generates minimum diffs on the server, to reduce payloads over the wire and minimize DOM thrashing, instead of sending full HTML chunks. And we do it for you for free: https://t.co/5Ye1SQJBrd

[liveviewjs @liveviewjs]

@andrewvijay @JLarky @MattStopa @ryanwinchester 1) Recently transferred away from google domains and borked the DNSSEC config in AWS. Should be working now.
2) Send help

[Ryan Carniato @RyanCarniato]

This Friday's stream we are going to explore a different sort of JavaScript framework. I'm having @floodfx on to show off @liveviewjs.

https://t.co/WmCcvPZ4DU

[liveviewjs @liveviewjs]

@JLarky @WebReflection @RyanCarniato I've got some ugly code in a branch that parses the JSX AST and transforms it into a template literal (tagged in my case). Need more test cases of course but PoC "works".

[JLarky @JLarky]

@timothymortimer @htmx_org Have you looked at @liveviewjs? It has similar “write it once” approved, but more app like. It’s based on Phoenix Liveview and in latest release they have more components based approach, so even one step further to modern apps :)

[liveviewjs @liveviewjs]

Thanks to @stackblitz for fixing the the issue on their side that blocked @Firebase!
https://t.co/U9kWWRQMoi

[liveviewjs @liveviewjs]

Please try this project again if it wasn't loading for you over the last couple of days. Apparently there are some issues with @stackblitz blocking @firebase if you are using the official fb client. We've reverted this to use `fetch` instead and filed an issue with @stackblitz

[liveviewjs @liveviewjs]

@stackblitz @Firebase Here is the GH issue (with a link to a smaller project showing the blockage) if you want to follow along: https://t.co/U9kWWRQMoi

[liveviewjs @liveviewjs]

Please try this project again if it wasn't loading for you over the last couple of days. Apparently there are some issues with @stackblitz blocking @firebase if you are using the official fb client. We've reverted this to use `fetch` instead and filed an issue with @stackblitz

[liveviewjs @liveviewjs]

💅 Check out this HackerNews clone built with @liveviewjs running and editable on @stackblitz: https://t.co/hQII2V3DPU

[liveviewjs @liveviewjs]

@chasers There are always trade offs but we think LiveViews are important alternative to SPAs to bring to the JavaScript ecosystem.

[liveviewjs @liveviewjs]

@will_martian Cool! We use tagged template literal for our template syntax.

[liveviewjs @liveviewjs]

@thomasreggi @QwikDev @solid_js @sveltejs @nextjs @astrodotbuild Let us know how we can help with @liveviewjs.

[Donnie Flood @floodfx]

Here’s my @liveviewjs talk @strangeloop_stl! Lmk what you think.

[tea @thomasreggi]

I love how @liveviewjs couples components with their server actions in one file, allowing you to not need an API for any event.

[tea @thomasreggi]

The things I like about @liveviewjs
1. No api's / json / payloads / graphql
2. Server code + Component code are together
3. Easily turn anything into a multiplayer expierence
4. Form / Upload support out of the box

[liveviewjs @liveviewjs]

@thomasreggi @howtojohnwilson Let us know if you have questions as you are contemplating.

[liveviewjs @liveviewjs]

Made some updates based on feedback from @JLarky including:
• using JS Commands for toggle
• fixing navigation bug

[liveviewjs @liveviewjs]

💅 Check out this HackerNews clone built with @liveviewjs running and editable on @stackblitz: https://t.co/hQII2V3DPU

[liveviewjs @liveviewjs]

🙌 This project is inspired by @RyanCarniato's numerous hackernews clones exploring frameworks: https://t.co/9hQ6uUC8pP

[liveviewjs @liveviewjs]

@hd_nvim @paulo_evpr @RyanCarniato JS Commands can help create better UX but are meant to augment the server state based nature of LiveViews as opposed to pushing state to client.

[liveviewjs @liveviewjs]

@hd_nvim @paulo_evpr @RyanCarniato Curious if any more experienced Phoenix LiveView folks have a better or more nuanced answer?

[liveviewjs @liveviewjs]

@hd_nvim @paulo_evpr @RyanCarniato In that scenario your connection will inhibit any server connections whether LiveView-based or not. Web sockets work over bad connections. Framework will try to reconnect. That said, if this is main target user environment then prob not ideal for LiveView.