D++
@dariomannu.bsky.social
📤 32
📥 61
📝 99
Shame the
#stackblitz
view counter has been broken since late December... hope it's going to be fixed anytime soon.....
18 days ago
0
0
0
stackblitz.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
#FrontEnd
loading . . .
Fullscreen Carousel - StackBlitz
A minimalistic image carousel using the fullscreen API and Rimmel.js
https://stackblitz.com/edit/rimmel-fullscreen-carousel
18 days ago
0
1
0
More experiments with the HTML Invoker API and custom commands
#HTML
#JavaScript
#FrontEnd
#StreamOrientedProgramming
stackblitz.com/edit/html-in...
loading . . .
Remove an element with the HTML Invoker API - StackBlitz
Using Attribute Mixins to make elements "removable" via HTML Invoker Commands and Rimmel.js
https://stackblitz.com/edit/html-invoker-remove-rimmel
2 months ago
0
1
0
HTML Invoker API ------------------- a little experiment in stream-oriented programming
#JavaScript
#RxJS
#FrontEnd
stackblitz.com/edit/html-in...
loading . . .
HTML Invoker API, with streams (1) - StackBlitz
Demonstrating a simple use of the "command" and "commandfor" invoker attributes in stream-oriented style
https://stackblitz.com/edit/html-invoker-api-rimmel-1
2 months ago
0
3
0
Finding
#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...
loading . . .
Callforwards with Rimmel.js - StackBlitz
Callforward functions are an implementation of reactive streams using imperative middleware, as found in express.js
https://stackblitz.com/edit/callforwards-with-rimmeljs
2 months ago
0
2
0
reposted by
D++
Tibo (Thibaud Goiffon)
2 months ago
Interactive 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
loading . . .
4
73
10
Does your web framework let you define precisely how your data should be rendered?
#JavaScript
#FrontEnd
#UI
#Framework
#WebDev
stackblitz.com/edit/rimmel-...
loading . . .
Create your own data sink - StackBlitz
An example custom sink for <table> elements, optimised for performance by using direct DOM API
https://stackblitz.com/edit/rimmel-table-powersink
3 months ago
0
1
0
reposted by
D++
PubPilot - Ship Assets. Build Revenue. Own Your Audience.
3 months ago
Tired of the framework churn? Our API works with everything, from jQuery to HTMX to whatever comes next. Stop rebuilding your web data tools and just get stable, reliable link previews that work anywhere. opengraph.tools
#meme
#webdevelopment
#javascript
#frontend
#frameworks
1
10
1
Making CSP (Content Security Policy) and Trusted Types work in Rimmel.js with DOMPurify
#javascript
#frontend
#buildinpublic
#ui
#cybersecurity
stackblitz.com/edit/rimmel-...
loading . . .
A SafeHTML Sink for Rimmel.js powered by DOMPurify - StackBlitz
Using DOMPurify to clean untrusted input
https://stackblitz.com/edit/rimmel-csp-dom-purify
3 months ago
0
4
1
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-...
loading . . .
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.
https://stackblitz.com/edit/rimmel-lorem-effect-maps
3 months ago
0
5
0
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-...
loading . . .
Effect Maps with Chuck Norris API - StackBlitz
Exposing the Chuck Norris API through an Effect Map with Rimmel.js
https://stackblitz.com/edit/rimmel-chuck-norris-effect-maps
3 months ago
0
1
0
reposted by
D++
ByteVagabond
4 months ago
These captcha's are getting out of hand.. Pretty sure the answer is just clicking skip.
15
174
25
reposted by
D++
Anthony Fu
4 months ago
My 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.
8
270
70
...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
4 months ago
0
6
1
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...
loading . . .
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
https://stackblitz.com/edit/threejs-rimmel-animated-cubelets
4 months ago
0
2
0
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...
loading . . .
Creating “Suspense” with a BehaviorSubject
In the world of JavaScript some frameworks in a constant rush to grow quickly can easily...
https://dev.to/dariomannu/implementing-suspense-with-a-simple-observable-5ag2
4 months ago
0
1
0
It 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
#Buildinpublic
loading . . .
THREE.js scenes in Rimmel.js - StackBlitz
Rendering a 3D scene with custom elements powered by THREE.js and Rimmel.js in the Stream-Oriented Paradigm
https://stackblitz.com/edit/threejs-rimmel
4 months ago
0
6
1
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
loading . . .
The Fibonacci Stream - StackBlitz
An event-driven Fibonacci sequence generator in the Stream-Oriented Paradigm
https://stackblitz.com/edit/rimmel-fibonacci
4 months ago
0
1
0
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...
loading . . .
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...
https://dev.to/dariomannu/web-components-without-classes-34hb
4 months ago
0
3
1
reposted by
D++
Sukima
4 months ago
Challenge Accepted: WebStreams + WebSockets, No Libs
s.tritarget.org/q
1
1
1
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...
loading . . .
A Minimalistic Chatroom App - StackBlitz
The simplest possible implementation of a chatroom with Deno Deploy, RxJS and Rimmel.js
https://stackblitz.com/edit/simplest-chat-app-deno-rimmel
4 months ago
1
5
0
Can we solve effect management in all programming with this?
#JavaScript
#Programming
#FunctionalProgramming
#ReactiveProgramming
dev.to/dariomannu/e...
loading . . .
Effect Maps: How Stream-Oriented Programming rethinks effect management
Most programming paradigms evolve around a single idea — whether that’s composition, purity,...
https://dev.to/dariomannu/effect-maps-how-stream-oriented-programming-rethinks-effect-management-1d7o
4 months ago
0
2
0
An 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.”
4 months ago
0
0
0
Your FizzBuzz test, with Stream-Oriented Programming
#JavaScript
#RxJS
#FrontEnd
#Programming
stackblitz.com/edit/fizz-bu...
loading . . .
Fizz-Buzz - StackBlitz
An event-driven Fizz-Buzz sequence generator in the stream-oriented paradigm
https://stackblitz.com/edit/fizz-buzz-stream-oriented
4 months ago
0
2
0
reposted by
D++
hellosct1.bsky.social
4 months ago
The best
@firefox.com
#firefox
@mozilla-fr.bsky.social
0
10
9
Now 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
4 months ago
0
1
0
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
loading . . .
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
https://stackblitz.com/edit/deno-rimmel-chat-app
4 months ago
0
1
0
dev.to/dariomannu/a...
#JavaScript
#RxJS
#FrontEnd
#StreamOrientedProgramming
loading . . .
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...
https://dev.to/dariomannu/a-senior-developers-guide-to-stream-oriented-programming-3j24
4 months ago
0
2
0
A little tutorial to build some stuff in Stream-Oriented style
#JavaScript
#RxJS
#StreamOrientedProgramming
#Programming
dev.to/dariomannu/b...
loading . . .
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...
https://dev.to/dariomannu/building-an-infinite-scroll-devto-reader-in-the-stream-oriented-paradigm-1c8
5 months ago
0
2
0
Stream Oriented Programming for native CLI applications A concept "echo" program with logging
#Programming
#StreamOrientedProgramming
#RxJS
5 months ago
0
1
0
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...
loading . . .
Generator Functions in Stream-Oriented Programming - StackBlitz
Using Generator Functions to handle application logic in a stream-oriented component
https://stackblitz.com/edit/generator-streams?file=main.ts
5 months ago
0
2
0
CSS: setting position-anchor in stream-oriented style
#JavaScript
#CSS
#FrontEnd
#StreamOrientedProgramming
stackblitz.com/edit/css-pos...
loading . . .
CSS position-anchor - StackBlitz
Setting CSS position-anchor with streams
https://stackblitz.com/edit/css-position-anchor-rimmel
5 months ago
0
2
0
reposted by
D++
Gruzi🦩
5 months ago
first PR merged
@hacktoberfest.com
, specials thanks to
@dariomannu.bsky.social
for guidance. Big W!
0
2
1
Ok, looks like some people are starting to believe in
#StreamOrientedProgramming
.
www.star-history.com#reactivehtml...
#starhistory
#GitHub
#OpenSource
via @StarHistoryHQ
#JavaScript
#FrontEnd
5 months ago
0
4
0
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-...
loading . . .
Sprites - StackBlitz
Using simple page scrolling effects to animate element styles with Rimmel.js
https://stackblitz.com/edit/rimmel-sprites
5 months ago
0
3
0
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...
loading . . .
DOM: Both Observable and Observer - StackBlitz
The WICG Observable proposal only provides a when method to expose DOM events as streams. Unfortunately, as of today, it's missing an Observer interface to sink observable streams back to the DOM....
https://stackblitz.com/edit/dom-observables-end-to-end-experiment
5 months ago
1
0
0
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-...
loading . . .
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
https://stackblitz.com/edit/dialog-stream-observable-types-rimmel
5 months ago
0
2
0
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
loading . . .
Form data with Callforwards and Rimmel.js - StackBlitz
Getting form data through a Callforward function
https://stackblitz.com/edit/form-data-callforwards-rimmeljs
5 months ago
0
1
0
👻🎃
#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
5 months ago
0
3
1
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
5 months ago
0
1
0
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
5 months ago
0
0
0
A Messagebus? Using Observable Streams?
stackblitz.com/edit/tops-ex...
#JavaScript
#WebDev
#WebDevelopment
#FrontEnd
#RxJS
loading . . .
Observable Messagebus, Topics and Messages - StackBlitz
An example using the-observable-plugin-system
https://stackblitz.com/edit/tops-example
5 months ago
0
2
0
#StreamOrientedProgramming
5 months ago
0
2
0
dev.to/reactivehtml...
loading . . .
Why Angular Isn’t the Observable Framework You Think It Is
When many developers hear "observables", one framework often jumps to mind: Angular. It’s been...
https://dev.to/reactivehtml/why-angular-isnt-the-observable-framework-you-think-it-is-56a3
5 months ago
0
0
0
Drag and drop... for SVG elements, in
#StreamOrientedProgramming
#JavaScript
#FrontEnd
stackblitz.com/edit/svg-dra...
loading . . .
SVG drag'n'drop - StackBlitz
This is how drag'n'drop works in Stream-Oriented programming with Rimmel.js
https://stackblitz.com/edit/svg-drag-and-drop-rimmel
5 months ago
0
3
0
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
loading . . .
Auction Manager Concept - StackBlitz
A stream-oriented auction manager concept based on the-observable-plugin-system
https://stackblitz.com/edit/tops-auction-example
6 months ago
0
4
0
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
loading . . .
Reactive Context Menu — Stream-Oriented - StackBlitz
A context-aware reactive menu with actions, visibility and interactivity defined as observable streams
https://stackblitz.com/edit/reactive-context-menu
6 months ago
0
1
0
How I Turned My RxJS Headaches Into Rimmel.js
dev.to/dariomannu/h...
#rxjs
#rimmeljs
#javascript
#webdev
#frontend
#ui
#buildinpublic
#programming
#fp
#frp
loading . . .
How I Turned My RxJS Headaches Into Rimmel.js
When I first discovered RxJS, I was hooked. The idea that everything could be a stream was...
https://dev.to/dariomannu/how-i-turned-my-rxjs-headaches-into-rimmeljs-1kjo
6 months ago
0
4
0
A basic context menu in Stream-Oriented style
stackblitz.com/edit/rimmel-...
#Javascript
#WebDev
#WebDevelopment
#Frontend
#UI
loading . . .
Basic Context Menu with Rimmel.js - StackBlitz
Implementing a simple context menu with Rimmel.js
https://stackblitz.com/edit/rimmel-context-menu
6 months ago
0
2
0
Load more
feeds!
log in