Show HN: LiveViewJS – TypeScript back end for LiveView Apps

• caldera-react

  3 560 0.0 TypeScript

  Server-side execution for React 🌋

  

https://github.com/calderajs/caldera-react

> Think of it as the Node.js analog to Phoenix LiveView — all of the application logic (including rendering) runs on the server, and DOM updates are sent to the client in real-time.

• diffhtml

  4 864 6.4 JavaScript

  diffHTML is a web framework that helps you build applications and other interactive content

Hi floodfx, we should chat at some point if you're on slack/discord/etc. I'm building something extremely similar and there's potential opportunity to share some code/learnings. Personally I feel this design paradigm is the real web 3.0.

My project is https://diffhtml.org/ and I have started experimenting with middleware to bridge to server and client workers: https://github.com/tbranyen/diffhtml/pull/251. For the server worker, it uses a WebSocket to ferry the VDOM diff patches, custom events, and property access/function calls. A big goal is to allow synchronous "main thread" access from workers, including on the server-side. This would allow you to write your UI code as if you were a client side app. It does this the same way as partytown using a SharedArrayBuffer and Atomics. You can see demo source code here: https://gist.github.com/tbranyen/2f5be81cfb7b3aa1bb443c8ef13....

I've also toyed around with hot reloading components without the need for a pre-processor like Babel, and the results are hugely promising. Stateful live UI updates from saving a component file to seeing in the browser without all the fuss with complex build steps is liberating.

I'm probably a few months out from having a usable beta, but I'm going to follow your project closely. Thanks for sharing!

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• liveviewjs

  7 723 1.5 TypeScript

  LiveView-based library for reactive app development in NodeJS and Deno

• todomvc-liveviewjs

  1 3 0.0 TypeScript

  LiveViewJS implementation of TodoMVC App

Hey hartator. I don't have deployed but there is a `npm run examples` that starts up a local server with nine different examples of various complexity (cod e in `src/examples`. Also there is a separate repo using LiveViewJS to implement a [TodoMVC application](https://github.com/floodfx/todomvc-liveviewjs).

• live

  17 613 3.8 Go

  Live views and components for golang (by jfyne)

I've been working on a Go implementation if you fancy trying it out

https://github.com/jfyne/live

• taper

  1 9 10.0 Elixir

  Taper is a React (with SSR) and server-side-redux-like environment for Elixir+Phoenix. (by justinmcp)

I made (no longer working on it); https://github.com/justinmcp/taper, which is essentially, react + "redux on server" - so still rendering on client, but logic in server.

It's definitely an interesting space to explore, I will take a look @ caldera, seems like an interesting project!

• rsp

  10 41 8.1 Java

  A simple Java web framework for building real-time user interfaces and UI components. (by vadimv)

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project