D++ @dariomannu.bsky.social · 11/04/2026#stackblitz is still unable to count visits/visitors to any project, since December. The "Break Things" team has been in town again. No more hope of having that fixed anytime soon. 010
D++ @dariomannu.bsky.social · 05/02/2026stackblitz.com/edit/rimmel-... It's about time to ditch existing "full page image viewing carousel-like components", which are so bad anyway that you can't even zoom them, so why not just go simple and use the fullscreen API? #JavaScript #FrontEndstackblitz.comFullscreen Carousel - StackBlitzA minimalistic image carousel using the fullscreen API and Rimmel.js 010
D++ @dariomannu.bsky.social · 20/12/2025well, the removed and re-added button case may be a point... Equally good to avoid removing and re-adding the same button anyway, but would happen in either case? Not the same as when you remove/readd the label of the labelledby element? What if the target popover is removed and re-added? 000
D++ @dariomannu.bsky.social · 20/12/2025so, "being labelled by" is closer to "do open that" than to "being opened by"? 110
D++ @dariomannu.bsky.social · 20/12/2025Not even the idea of a DOM scan like that ever crossed my mind. The binding of the button with the target can happen at mount time with just 1 lookup and 1 event handler added to the button with { event, target, action } remembered in either case. arial-labelledby also points "back" to its label 100
D++ @dariomannu.bsky.social · 20/12/2025I must have missed something, then 1: <dialog closedby="div1"> vs 2: <button commandfor="dialog1"> All I can see here is one tag pointing to the ID of the other. Either of the two will have to look the other one up "somehow", can't see how this is a problem in one case and not the other? 200
D++ @dariomannu.bsky.social · 19/12/2025More experiments with the HTML Invoker API and custom commands #HTML #JavaScript #FrontEnd #StreamOrientedProgramming stackblitz.com/edit/html-in...stackblitz.comRemove an element with the HTML Invoker API - StackBlitzUsing Attribute Mixins to make elements "removable" via HTML Invoker Commands and Rimmel.js 010
D++ @dariomannu.bsky.social · 18/12/2025HTML Invoker API ------------------- a little experiment in stream-oriented programming #JavaScript #RxJS #FrontEnd stackblitz.com/edit/html-in...stackblitz.comHTML Invoker API, with streams (1) - StackBlitzDemonstrating a simple use of the "command" and "commandfor" invoker attributes in stream-oriented style 030
D++ @dariomannu.bsky.social · 18/12/2025Finding #Observables operators too hard to master? Here's an idea of how you can build your own custom pipelines using Callforwards: a fast, lightweight, imperative, composable alternative inspired by Express.js middleware. #JavaScript #RxJS #FrontEnd stackblitz.com/edit/callfor...stackblitz.comCallforwards with Rimmel.js - StackBlitzCallforward functions are an implementation of reactive streams using imperative middleware, as found in express.js 020
D++ @dariomannu.bsky.social · 18/12/2025Hmmm... could you please expand this "handling of a button's complexity", and what exactly you mean by optimising? Not sure I'm following... 100
D++ @dariomannu.bsky.social · 17/12/2025So now we're seeing "imperative-declarative" programming on the rise. It could have been conceived the other way around (in a more "functional-declarative" way), like: ```html <dialog openedby="btn1" closedby="btn2"></dialog> <button id="btn1">open</button> <button id="btn2">close</button> ``` 130
Reposted by D++Tibo @heytibo.com · 16/12/2025Interactive blob business card making of video :) Hope people will like it and that I'll be able to explore this concept further in the future. gotibo.fr/blobs #html5 #webdev #javascript --- Music provided by Chillhop Music Enough Cereals - Mirage chll.to/eeddd8af 47310
D++ @dariomannu.bsky.social · 08/12/2025Does your web framework let you define precisely how your data should be rendered? #JavaScript #FrontEnd #UI #Framework #WebDev stackblitz.com/edit/rimmel-...stackblitz.comCreate your own data sink - StackBlitzAn example custom sink for <table> elements, optimised for performance by using direct DOM API 010
D++ @dariomannu.bsky.social · 28/11/2025Making CSP (Content Security Policy) and Trusted Types work in Rimmel.js with DOMPurify #javascript #frontend #buildinpublic #ui #cybersecurity stackblitz.com/edit/rimmel-...stackblitz.comA SafeHTML Sink for Rimmel.js powered by DOMPurify - StackBlitzUsing DOMPurify to clean untrusted input 041
D++ @dariomannu.bsky.social · 27/11/2025Variations 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-...stackblitz.comRimmel.js Effect Maps (Lorem Ipsum) - StackBlitzWrapping a Lorem Ipsum API in an Effect Mapper. An example implementing Effect Maps to isolate code from side effects. 050
D++ @dariomannu.bsky.social · 26/11/2025Effect 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-...stackblitz.comEffect Maps with Chuck Norris API - StackBlitzExposing the Chuck Norris API through an Effect Map with Rimmel.js 010
Reposted by D++ByteVagabond @bytevagabond.com · 24/10/2025These captcha's are getting out of hand.. Pretty sure the answer is just clicking skip. 1518122
Reposted by D++Anthony Fu @antfu.me · 10/11/2025My first advice to junior contributors is to STOP using vibe coding for PRs. OSS is always about people more than about code. We don't need more code generated by LLM, we need more people who care. 827363
D++ @dariomannu.bsky.social · 07/11/2025...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 061
D++ @dariomannu.bsky.social · 06/11/2025Another 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...stackblitz.comTHREE.js stream-animated cubelets in Rimmel.js - StackBlitzRendering a 3D scene with custom elements powered by THREE.js and Rimmel.js in the Stream-Oriented Paradigm 020
D++ @dariomannu.bsky.social · 05/11/2025BehaviorSubject 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...dev.toCreating “Suspense” with a BehaviorSubjectIn the world of JavaScript some frameworks in a constant rush to grow quickly can easily... 010
D++ @dariomannu.bsky.social · 05/11/2025It was about time. Work is underway to make THREE.js, RxJS and Rimmel.js work together to make Stream-Oriented 3D Programming a new exciting development of the paradigm. Click for a little taster stackblitz.com/edit/threejs... #javascript #webgl #threejs #rxjs #frontend #indiedev #Buildinpublicstackblitz.comTHREE.js scenes in Rimmel.js - StackBlitzRendering a 3D scene with custom elements powered by THREE.js and Rimmel.js in the Stream-Oriented Paradigm 061
D++ @dariomannu.bsky.social · 02/11/2025How 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 #StreamOrientedProgrammingstackblitz.comThe Fibonacci Stream - StackBlitzAn event-driven Fibonacci sequence generator in the Stream-Oriented Paradigm 010
D++ @dariomannu.bsky.social · 01/11/2025Still 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...dev.toFunctional Web Components with Plain Functions and StreamsWhether you're just getting started with web components or looking for easier ways (=less code, zero... 031
Reposted by D++Sukima @mastersuki.bsky.social · 29/10/2025Challenge Accepted: WebStreams + WebSockets, No Libs s.tritarget.org/q 111
D++ @dariomannu.bsky.social · 29/10/2025I moved your code to Stackblitz, so it feels a bit more organised across files: stackblitz.com/edit/simples... Feel free to clone it under your account, in casestackblitz.comA Minimalistic Chatroom App (web streams) - StackBlitzan Alternative take on the minimalistic chat room app by sukima 000
D++ @dariomannu.bsky.social · 29/10/2025So at this point, the real difference isn’t just about libraries, but about paradigms. Your approach is still mostly imperative, while what we’re pioneering is the Stream-Oriented paradigm, aiming to elevate the overall architecture and clarity of applications, not just the tools used to build them. 100
D++ @dariomannu.bsky.social · 29/10/2025In your example, you’ve essentially built your own mini streams library: you defined inputStream, messageSink, and wired everything up manually. If you extracted those functions out, you’d already have the foundation of a proper library. With some refinement, it could actually become quite elegant. 100
D++ @dariomannu.bsky.social · 29/10/2025That said, since there isn’t really a high-level library for Web Streams comparable to what RxJS is for Observables, it’s a bit like comparing apples to oranges. The fair comparison would be either native Observables vs Web Streams, or RxJS vs a hypothetical Web Streams-based library. 100
D++ @dariomannu.bsky.social · 29/10/2025Very interesting perspective. I’m almost tempted to build a small reactive streams library (something RxJS-like) using Web Streams now. 100
D++ @dariomannu.bsky.social · 28/10/2025Using 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...stackblitz.comA Minimalistic Chatroom App - StackBlitzThe simplest possible implementation of a chatroom with Deno Deploy, RxJS and Rimmel.js 150
D++ @dariomannu.bsky.social · 28/10/2025Can we solve effect management in all programming with this? #JavaScript #Programming #FunctionalProgramming #ReactiveProgramming dev.to/dariomannu/e...dev.toEffect Maps: How Stream-Oriented Programming rethinks effect managementMost programming paradigms evolve around a single idea — whether that’s composition, purity,... 020
D++ @dariomannu.bsky.social · 28/10/2025An LLM comparing Stream-Oriented Programming to Functional-Reactive Programming FRP says: “the world is a function of time” SP says: “the world is a stream of effects.” 000
D++ @dariomannu.bsky.social · 28/10/2025Your FizzBuzz test, with Stream-Oriented Programming #JavaScript #RxJS #FrontEnd #Programming stackblitz.com/edit/fizz-bu...stackblitz.comFizz-Buzz - StackBlitzAn event-driven Fizz-Buzz sequence generator in the stream-oriented paradigm 020
Reposted by D++hellosct1.bsky.social @hellosct1.bsky.social · 19/10/2025The best @firefox.com #firefox @mozilla-fr.bsky.social 0109
D++ @dariomannu.bsky.social · 26/10/2025Now that Chrome is killing off all useful plugins and we're killing off Chrome, we're also learning how to make things work properly for Firefox! Isn't that great? #JavaScript #FrontEnd #Firefox 010
D++ @dariomannu.bsky.social · 25/10/2025When everything speaks the same "streams language", it's never been easier to work with WebSockets: stackblitz.com/edit/deno-ri... #JavaScript #RxJS #Deno #RimmelJS #StreamOrientedProgrammingstackblitz.comA Simple Chat Room: Deno Deploy, Rimmel.js, ObservableTypes - StackBlitzAn example chat application with a serverless Deno Deploy backend and a Rimmel.js frontend 010
D++ @dariomannu.bsky.social · 15/10/2025dev.to/dariomannu/a... #JavaScript #RxJS #FrontEnd #StreamOrientedProgrammingdev.toA Senior Developer's guide to Stream-Oriented ProgrammingSo you're interested or curious about Stream-Oriented Programming (SP). SP is a novel programming... 020
D++ @dariomannu.bsky.social · 11/10/2025A little tutorial to build some stuff in Stream-Oriented style #JavaScript #RxJS #StreamOrientedProgramming #Programming dev.to/dariomannu/b...dev.toBuilding an Infinite-Scroll dev.to Reader in the Stream-Oriented ParadigmA short, beginner-friendly walkthrough for building an infinite scroll reader that loads articles... 010
D++ @dariomannu.bsky.social · 07/10/2025Stream Oriented Programming for native CLI applications A concept "echo" program with logging #Programming #StreamOrientedProgramming #RxJS 010
D++ @dariomannu.bsky.social · 07/10/2025Can 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...stackblitz.comGenerator Functions in Stream-Oriented Programming - StackBlitzUsing Generator Functions to handle application logic in a stream-oriented component 020
D++ @dariomannu.bsky.social · 06/10/2025CSS: setting position-anchor in stream-oriented style #JavaScript #CSS #FrontEnd #StreamOrientedProgramming stackblitz.com/edit/css-pos...stackblitz.comCSS position-anchor - StackBlitzSetting CSS position-anchor with streams 020
D++ @dariomannu.bsky.social · 01/10/2025Ok, looks like some people are starting to believe in #StreamOrientedProgramming. www.star-history.com#reactivehtml... #starhistory #GitHub #OpenSource via @StarHistoryHQ #JavaScript #FrontEnd 030
