#StreamOrientedProgramming
LightNews LightNews
dariomannu.bsky.social
...when you stop celebrating your birthday and celebrate the stars of your open-source projects

github.com/reactivehtml...

#JavaScript #UI #FrontEnd #BuildInPublic #RxJS #RimmelJS #StreamOrientedProgramming
November 7, 2025 at 4:52 PM
dariomannu.bsky.social
#StreamOrientedProgramming
September 15, 2025 at 2:47 PM
dariomannu.bsky.social
Ok, looks like some people are starting to believe in #StreamOrientedProgramming.

www.star-history.com#reactivehtml...

#starhistory #GitHub #OpenSource via @StarHistoryHQ #JavaScript #FrontEnd
October 1, 2025 at 5:32 PM
dariomannu.bsky.social
Using WebSockets can be even simpler than that.

Check this out, it's never been easier to work with WebSockets!

This is #StreamOrientedProgramming!

#JavaScript #JS #FrontEnd #WebDev #RxJS

stackblitz.com/edit/simples...
A Minimalistic Chatroom App - StackBlitz
The simplest possible implementation of a chatroom with Deno Deploy, RxJS and Rimmel.js
stackblitz.com
October 28, 2025 at 9:16 PM
dariomannu.bsky.social
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
Auction Manager Concept - StackBlitz
A stream-oriented auction manager concept based on the-observable-plugin-system
stackblitz.com
September 10, 2025 at 7:53 AM
dariomannu.bsky.social
CSS: setting position-anchor in stream-oriented style

#JavaScript #CSS #FrontEnd #StreamOrientedProgramming

stackblitz.com/edit/css-pos...
CSS position-anchor - StackBlitz
Setting CSS position-anchor with streams
stackblitz.com
October 6, 2025 at 8:40 PM
dariomannu.bsky.social
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-...
Sprites - StackBlitz
Using simple page scrolling effects to animate element styles with Rimmel.js
stackblitz.com
September 25, 2025 at 6:24 PM
dariomannu.bsky.social
Variations on Effect Maps with no Chuck Norris and better type safety

(you *might* not fully understand what's going on here => ping)

#javascript #rxjs #buildinpublic #frontend #streamorientedprogramming

stackblitz.com/edit/rimmel-...
Rimmel.js Effect Maps (Lorem Ipsum) - StackBlitz
Wrapping a Lorem Ipsum API in an Effect Mapper. An example implementing Effect Maps to isolate code from side effects.
stackblitz.com
November 27, 2025 at 12:13 AM
dariomannu.bsky.social
dev.to/dariomannu/a...

#JavaScript #RxJS #FrontEnd #StreamOrientedProgramming
A Senior Developer's guide to Stream-Oriented Programming
So you're interested or curious about Stream-Oriented Programming (SP). SP is a novel programming...
dev.to
October 15, 2025 at 4:53 PM
dariomannu.bsky.social
Still stuck creating your #WebComponents with classes, constructors, methods, properties, connectedCallbacks, disconnectedCallbacks, instantiating your Shadow DOM, etc?

There's a simpler way with plain #JavaScript functions.

#UI #FrontEnd #StreamOrientedProgramming

dev.to/dariomannu/w...
Functional Web Components with Plain Functions and Streams
Whether you're just getting started with web components or looking for easier ways (=less code, zero...
dev.to
November 1, 2025 at 11:52 AM
dariomannu.bsky.social
Drag and drop... for SVG elements, in #StreamOrientedProgramming

#JavaScript #FrontEnd

stackblitz.com/edit/svg-dra...
SVG drag'n'drop - StackBlitz
This is how drag'n'drop works in Stream-Oriented programming with Rimmel.js
stackblitz.com
September 12, 2025 at 3:30 PM
dariomannu.bsky.social
Stream Oriented Programming for native CLI applications

A concept "echo" program with logging

#Programming #StreamOrientedProgramming #RxJS
October 7, 2025 at 9:16 PM
dariomannu.bsky.social
Can you use Generators to implement Reactive Streams?

Check how you can do that in Stream Oriented style with rimmel.js

#JavaScript #FrontEnd #StreamOrientedProgramming #Programming

stackblitz.com/edit/generat...
Generator Functions in Stream-Oriented Programming - StackBlitz
Using Generator Functions to handle application logic in a stream-oriented component
stackblitz.com
October 7, 2025 at 6:45 PM
dariomannu.bsky.social
Another little 3D animation where position and motion are just streams like everything else.

This is Stream-Oriented Programming.

#JavaScript #WebGL #StreamOrientedProgramming #RxJS #ThreeJS #FrontEnd #UI

stackblitz.com/edit/threejs...
THREE.js stream-animated cubelets in Rimmel.js - StackBlitz
Rendering a 3D scene with custom elements powered by THREE.js and Rimmel.js in the Stream-Oriented Paradigm
stackblitz.com
November 6, 2025 at 5:14 PM
dariomannu.bsky.social
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
September 17, 2025 at 4:06 PM
dariomannu.bsky.social
More experiments with the HTML Invoker API and custom commands

#HTML #JavaScript #FrontEnd #StreamOrientedProgramming

stackblitz.com/edit/html-in...
Remove an element with the HTML Invoker API - StackBlitz
Using Attribute Mixins to make elements "removable" via HTML Invoker Commands and Rimmel.js
stackblitz.com
December 19, 2025 at 9:59 AM
dariomannu.bsky.social
When everything speaks the same "streams language", it's never been easier to work with WebSockets:

stackblitz.com/edit/deno-ri...

#JavaScript #RxJS #Deno #RimmelJS #StreamOrientedProgramming
A Simple Chat Room: Deno Deploy, Rimmel.js, ObservableTypes - StackBlitz
An example chat application with a serverless Deno Deploy backend and a Rimmel.js frontend
stackblitz.com
October 25, 2025 at 1:04 PM
dariomannu.bsky.social
BehaviorSubject from #RxJS is the perfect structure to bring "Suspense" to your apps.

It couldn't be simpler, or it's the wrong framework.

#JavaScript #FrontEnd #StreamOrientedProgramming

dev.to/dariomannu/i...
Creating “Suspense” with a BehaviorSubject
In the world of JavaScript some frameworks in a constant rush to grow quickly can easily...
dev.to
November 5, 2025 at 10:26 AM
dariomannu.bsky.social
A little tutorial to build some stuff in Stream-Oriented style

#JavaScript #RxJS #StreamOrientedProgramming #Programming

dev.to/dariomannu/b...
Building an Infinite-Scroll dev.to Reader in the Stream-Oriented Paradigm
A short, beginner-friendly walkthrough for building an infinite scroll reader that loads articles...
dev.to
October 11, 2025 at 1:36 PM
dariomannu.bsky.social
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
Form data with Callforwards and Rimmel.js - StackBlitz
Getting form data through a Callforward function
stackblitz.com
September 21, 2025 at 9:27 PM
dariomannu.bsky.social
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-...
Point-free style <dialog> streams => as observable collections - StackBlitz
Advanced and elegant handling of <form> data with Rimmel.js using a <dialog> stream, the "Form" event mapper and the "JSONDump" sink
stackblitz.com
September 23, 2025 at 9:55 PM
dariomannu.bsky.social
Effect maps in practice: using HTML custom elements to map API effects and create pure stream-oriented components.

#JavaScript #RxJS #StreamOrientedProgramming #Programming

stackblitz.com/edit/rimmel-...
Effect Maps with Chuck Norris API - StackBlitz
Exposing the Chuck Norris API through an Effect Map with Rimmel.js
stackblitz.com
November 26, 2025 at 3:02 PM
dariomannu.bsky.social
How do you go from Functional to Stream-Oriented programming?

In FP you bind Functions, in SP you bind Streams.

Start simple with this Fibonacci Sequence as a Stream:

stackblitz.com/edit/rimmel-...

#FunctionalProgramming #JavaScript #Programming #StreamOrientedProgramming
The Fibonacci Stream - StackBlitz
An event-driven Fibonacci sequence generator in the Stream-Oriented Paradigm
stackblitz.com
November 2, 2025 at 6:35 PM
dariomannu.bsky.social
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
September 16, 2025 at 9:46 AM