Stupid sprites with a stupid animation but a simple and powerful stream-oriented implementation. Just an example. #RxJS #JavaScript #UI #StreamOrientedProgramming stackblitz.com/edit/rimmel-...

The DOM is now adopting an Observable interface, so you can: element .when('click') .subscribe(...); What if it also had an Observer interface, so you could also: element.when('click') .map(...) .subscribe( target.innerText ); stackblitz.com/edit/dom-obs...

What is a Dialog Box? It's a Stream! It opens up when receives an input signal, then emits the collected data if we hit OK, or doesn't emit anything if we hit CANCEL. This is #StreamOrientedProgramming #JavaScript #RxJS #UI #FrontEnd #BuildInPublic stackblitz.com/edit/dialog-...

Stream-Oriented Imperative Programming: an example using Callforward functions instead of Observables. It's the same streams, whether functional (e.g.: Observables) or imperative (e.g: Callforwards). stackblitz.com/edit/form-da... #JavaScript #Programming #UI #WebDev #StreamOrientedProgramming

#Observables are push streams, right? They are, until you add schedulers, so you can push and pull data at the same time, declaratively, conveniently. stackblitz.com/edit/rimmel-... #JavaScript #UI #FrontEnd #WebDev

👻🎃 #Hacktoberfest is here! Contribute to something fresh: Rimmel.js — a novel UI library based on Stream Oriented Programming. ⚡ Streams, not re-renders ⚡ No virtual DOM ⚡ Built around RxJS Help shape it this October → github.com/reactivehtml... #JavaScript #FrontEnd #OpenSource #BuildInPublic

Web components backed by plain functions? No other JS framework gives you that! Check out Rimmel.js, or play with properly functional, stream-oriented web components on stackblitz.com/edit/rimmel-... #JavaScript #WebComponents #RxJS #FrontEnd #StreamOrientedProgramming

The LIQUID principles of Stream-Oriented Programming As OOP has its own SOLID principles, SOP is now introducing its own LIQUID ones medium.com/@fourtyeight... #JavaScript #Frontend #UI #StreamOrientedProgramming

A Messagebus? Using Observable Streams? stackblitz.com/edit/tops-ex... #JavaScript #WebDev #WebDevelopment #FrontEnd #RxJS

Drag and drop... for SVG elements, in #StreamOrientedProgramming #JavaScript #FrontEnd stackblitz.com/edit/svg-dra...

Add the magic of modern components into your #jQuery code No build tools required #javascript #js #webdev #dev #frontend #ui #rimmeljs stackblitz.com/edit/jquery-...

An Auction Manager concept in #StreamOrientedProgramming Built with rimmel.js and the-observable-plugin-system Everything is a Stream! stackblitz.com/edit/tops-au... #JavaScript #BuildInPublic #RxJS

Never "get" the latest `.value` of an #RxJS BehaviorSubject. Sink it directly to the DOM, instead: stackblitz.com/edit/behavio... #StreamOrientedProgramming #JavaScript #FrontEnd #WebDev #UI

Making a right-click context menu as dynamic, reactive, declarative and powerful as it can be: Share if you'd like to see an even more evolved one stackblitz.com/edit/reactiv... #JavaScript #FrontEnd #WebDev #RxJS #UI #RimmelJS

How I Turned My RxJS Headaches Into Rimmel.js dev.to/dariomannu/h... #rxjs #rimmeljs #javascript #webdev #frontend #ui #buildinpublic #programming #fp #frp

A basic context menu in Stream-Oriented style stackblitz.com/edit/rimmel-... #Javascript #WebDev #WebDevelopment #Frontend #UI

Ever tried Basecoat UI? Try with Rimmel.js stackblitz.com/edit/basecoa... #javascript #typescript #rxjs #ui #frontend

A promise resolves once, but you want "suspense" with a "loading..." indicator. How do you do that? Check out this little trick using promises, attribute mixins and rimmel.js stackblitz.com/edit/rimmel-... #javascript #typescript #webdev #frontend #ui

Event Adapters: the coolest pattern to separate views from models: stackblitz.com/edit/event-m... #javascript #webdev #designpatterns

Extensible Effects are coming to #JavaScript with #Rimmel.js, arguably in the sexiest implementation ever. Stay tuned! #FP #FRP #FrontEnd #WebDev #BuildInPublic

A take on #Signals vs #Observables, side by side. Can you spot the difference? stackblitz.com/edit/signals... Thoughts? #JavaScript #TypeScript #rxjs #angular #webdev #frontend

Never been easier to use Observables in the #frontend www.reddit.com/r/javascript... #javascript #typescript #rxjs #observables #ui #webdev

1/ Europeans—here is how you can protest the upcoming very problematic “Chat Control” law: fightchatcontrol.eu (via @ematipico.xyz) Instructions: see next post

Running UI components inside web workers... stackblitz.com/edit/rimmel-... #javascript #rxjs #buildinpublic

Took Deno Deploy for a spin. Really intriguing. Just created an example serverless chat app stackblitz.com/edit/deno-ri... #deno #javascript

The Fibonacci Sequence as an Observable stream stackblitz.com/edit/rimmel-... #observables #rxjs #javascript

A slightly polished, new way of creating repeatable elements? #javascript #webdev #frontend

Why does JavaScript not have some sort of "stream" keyword to declare reactive streams? Also, "signal", "behavior"? #javascript #typescript

Little animation with the essence of stream-oriented programming: Events in, Data out, some processing in between. If they said you need global state managers, signals, sagas, remember someone also said you need bottled air. #rxjs #programming #streams #javascript #observables #webdev

Bringing the Observable and the Messagebus patterns together --> the first stream-oriented module/plugin manager where reactive observable streams can talk via request-response invocations github.com/reactivehtml... #javascript #rxjs #rxjs #messagebus #designpatterns

An experimental Frontend where - Everything is a module (plugin) - Everything is a stream stackblitz.com/edit/tops-demo Go roast it! :) #buildinpublic #javascript #typescript #rxjs #softwarearchitecture #webdev #programming #frontend

Coming soon, A Frontend Architecture for your masterpiece webapps. 2 driving principles: - Everything is a module (plugin) - Everything is a stream Soon on Stackblitz (follow for more) #buildinpublic #javascript #typescript #rxjs #softwarearchitecture #webdev #programming #frontend

Signals don't have operators like Observables. Hmm... but what if they did? Would you ever use anything like this? stackblitz.com/edit/signal-... #javascript #typescript #signals #observables #webdev #programming

Infinite scrolling in Streams-Oriented style - One Custom Element, and 3 design patterns you might not have seen before: - One Event Adapter - One Reactive Stream - One Data Sink stackblitz.com/edit/dev-to-... #javascript #typescript #rxjs #dev #webdev #buildinpublic

Another attempt at Server Functions Simplified from the previous 'use server' version, this time with vite-plugin-server-actions @helgesverre.bsky.social may come back with a few PRs for your plugin, love it! #javascript #webdev #buildinpublic #dev #fullstack stackblitz.com/edit/rimmel-...

If anyone wants to have some fun with Native Observables using the new polyfill... Experiments with Vanilla, Rimmel and Callforwards. stackblitz.com/@dariomannu/... #javascript #observable #observables

Ready to experiment with native Observables? Check out [observable-polyfill](github.com/keithamus/ob...)

"Functional" Web Components. No classes, no testing on animals. dev.to/dariomannu/w... #webcomponents #javascript #webdev

So, we might do basic #reactivity with just pure functions and callbacks (!), no #rxjs, no #Observables, no #Signals. Could it just be enough for the UI? No backpressure to handle, no other complexities, lightning fast🌩️ Would you use it in your #javascript #webapps? We could have it in #rimmel.js

Playing with this new weirdness: Observable + Future = Observature - Observable: it can be observed right now - Observature: it doesn't exist yet, but you can call methods on it, which will be actually executed after instantiation. You also get its output stream now #rxjs #javascript #webdev #frp

Native DOM Observables? In a UI component? Sure! Hey, you'll need to work with Observables that don't exist yet. So the Observature was born: the "Subject" for "Future Observables" #madness Observature(0) .map(toSomething) stackblitz.com/edit/observa... #rxjs #javascript #webdev #experimenta

Using Native DOM Observables... in a framework context #rxjs #javascript #observables #webdev stackblitz.com/edit/rimmel-...