Howto Build Reactive Declarative UI in Vanilla JavaScript

A practical experiment using vanilla JavaScript, Web APIs, and Proxy-based state to create reactive, declarative UI without frameworks.

JavaScript Development Space

Every time I work with #Avalonia and #ReactiveUI I'm equal parts delighted and enraged. Anyway! The foundations of the debugging tool are on.

Right now I've built an (optional) server that provides the debugging tool for the data necessary to see the internal state of the game as it runs. Simple JSON/RPC over TCP connection, nothing fancy. The idea is to build two main parts: one for querying the fact list, another for the practices and actions.

#suetum #versu #praxis

🖼️ "A study in reactive UI toolkits"
with Jan Fooken at #GUADEC2025
📅 24 July 🕒 09:40 CEST 📍 Brescia
🧪 Can GTK feel like React or SwiftUI? Let’s explore modern takes on building Linux UIs.

đź”— https://events.gnome.org/event/259/contributions/1227/

#GTK #Linux #Frontend #ReactiveUI

GitHub - wieslawsoltes/Xaml.Behaviors: Xaml Behaviors for Avalonia

Xaml Behaviors for Avalonia. Contribute to wieslawsoltes/Xaml.Behaviors development by creating an account on GitHub.

GitHub
Removing #ReactiveUI #DynamicData from one view, and replacing it with plain old #CSharp.

“Vanilla JavaScript for flavouring, a full-fledged feast for large projects.”

Meet dd<el> – the Vanilla JavaScript library for building reactive UIs with syntax close to native DOM! No build step required, just native DOM with superpowers. ✨ #ReactiveUI based on signals and events.

- NPM: https://www.npmjs.com/package/deka-dom-el
- GitHub: https://github.com/jaandrle/deka-dom-el (use star if u like it)
- Docs & examples: https://jaandrle.github.io/deka-dom-el

#WebDev #JavaScript #TypeScript #frontend #npm

deka-dom-el

A low-code library that simplifies the creation of native DOM elements/components using small wrappers and tweaks.. Latest version: 0.9.5-alpha, last published: 3 days ago. Start using deka-dom-el in your project by running `npm i deka-dom-el`. There are no other projects in the npm registry using deka-dom-el.

npm
Just released my Reactive source generator for #INPC #MVVM and #ReactiveUI #dotnet with inherited Reactive attribute support, thanks to early adopter the library is getting better each release https://github.com/wieslawsoltes/ReactiveGenerator/releases/tag/0.9.6
Release 0.9.6 · wieslawsoltes/ReactiveGenerator

What's Changed Support inherited Reactive attribute by @wieslawsoltes in #29 Full Changelog: 0.9.5...0.9.6

GitHub
Just release big update to my ReactiveGenerator v0.9.2 #csharp #dotnet #mvvm #reactiveui source generator
https://github.com/wieslawsoltes/ReactiveGenerator/releases/tag/0.9.2 contains many bug fixes and lots of unit tests
Release 0.9.2 · wieslawsoltes/ReactiveGenerator

What's Changed Add WhenAnyValueGenerato tests by @wieslawsoltes in #12 Fix nested classes by @wieslawsoltes in #13 Add integration tests by @wieslawsoltes in #14 Add generics tests by @wieslawsolt...

GitHub

Ah DynamicData, how I’ve missed your ability to make easy ways to create observable collections and also your sporadically documented code, examples that start well past the starting line, and sometimes xmldoc methods.

#avaloniaui #reactiveui #csharp

Just release update for C# source generator that automatically implements property change notifications using either standard #INotifyPropertyChanged or #ReactiveUI patterns #dotnet #csharp #MVVM https://github.com/wieslawsoltes/ReactiveGenerator/releases/tag/0.5.0
Release 0.5.0 · wieslawsoltes/ReactiveGenerator

A C# source generator that automatically implements property change notifications using either standard INotifyPropertyChanged or ReactiveUI patterns. - Release 0.5.0 · wieslawsoltes/ReactiveGenerator

GitHub