webdave_de - Twitch Komm gerne zu uns in den Discord.Dort kannst du fragen stellen und Fragen beantworten.Wenn du mehr über mich wissen möchtest:https://www.webdave.de/blog/my-way-into-tech

Kann ich in Angular auf #Rxjs verzichten?

Das will ich heute abend im Livestream testen.

Ich hab das schon mal versucht, vor 3 Jahren, damals war das nicht möglich.

Jetzt mit #angular21 sieht das ganze schon vielversprechender aus.

Start ist: 20:00

webdave.tv

HTML Invoker API, with streams (1) - StackBlitz Demonstrating a simple use of the "command" and "commandfor" invoker attributes in stream-oriented style

HTML Invoker API
-------------------

a little experiment in stream-oriented programming

#JavaScript #RxJS #FrontEnd

stackblitz.com/edit/html-in...

Callforwards with Rimmel.js - StackBlitz Callforward functions are an implementation of reactive streams using imperative middleware, as found in express.js

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...

Trabajar con #Angular sin entender los #Observables es ir a ciegas.

Everit Molero explica cómo usarlos con operadores, patrones y ejemplos reales en HTTP, Router y formularios.

🔗 https://f.mtr.cool/degymhghnm

 #RxJS #frontend #TypeScript #webdev

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.

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-...

Effect Maps with Chuck Norris API - StackBlitz Exposing the Chuck Norris API through an Effect Map with Rimmel.js

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-...

I feel like the currently-proposed TC39 Observables lacking some value that can be supplied upon "completion" is a mistake.

#RxJS #Observables #TC39 #ECMA262

I feel like the currently-proposed TC39 Observables lacking some value that can be supplied upon "completion" is a mistake.

#RxJS #Observables #TC39 #ECMA262

...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

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

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...

Creating “Suspense” with a BehaviorSubject In the world of JavaScript some frameworks in a constant rush to grow quickly can easily...

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...

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

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

When LINQ meets RxJS: Thinking in queries on the frontend. Async Streams with Queries

Explore the synergy between LINQ and RxJS to streamline frontend query processing. Enhance your coding efficiency by thinking in queries and optimizing data flow. #FrontendDevelopment #RxJS

The Most Misunderstood Concept in Angular Signals Why Your Mental Model of Signals Is Probably Wrong (and What to Do About It)

Angular Signals ≠ RxJS Observables 😮‍💨 If you’re still treating signals like streams, you’re in for a world of confusion.

✅ Signals = reactive state ❌ Signals ≠ event streams 💡 Use computed() for derived state ⚠️ Mutate with .update(), not .push()

#Angular #WebDev #RxJS #FrontendTips

A Minimalistic Chatroom App - StackBlitz The simplest possible implementation of a chatroom with Deno Deploy, RxJS and Rimmel.js

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...

Fizz-Buzz - StackBlitz An event-driven Fizz-Buzz sequence generator in the stream-oriented paradigm

Your FizzBuzz test, with Stream-Oriented Programming

#JavaScript #RxJS #FrontEnd #Programming

stackblitz.com/edit/fizz-bu...

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

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 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/dariomannu/a...

#JavaScript #RxJS #FrontEnd #StreamOrientedProgramming

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...

A little tutorial to build some stuff in Stream-Oriented style

#JavaScript #RxJS #StreamOrientedProgramming #Programming

dev.to/dariomannu/b...

Stream Oriented Programming for native CLI applications

A concept "echo" program with logging

#Programming #StreamOrientedProgramming #RxJS

🚀 Level up your Angular skills!
In JavaScript Magazine, Manfred Steyer shares expert tips for mastering Signals — from avoiding race conditions to combining them with RxJS for smooth, reactive apps.

👉 https://f.mtr.cool/jwywufldfa

#Angular #RxJS #JavaScript #WebDev

Sprites - StackBlitz Using simple page scrolling effects to animate element styles with Rimmel.js

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-...

...

#JavaScript #RxJS #FrontEnd #WebDev #Programming

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

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-...

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

Observable Messagebus, Topics and Messages - StackBlitz An example using the-observable-plugin-system

A Messagebus? Using Observable Streams?

stackblitz.com/edit/tops-ex...

#JavaScript #WebDev #WebDevelopment #FrontEnd #RxJS

Auction Manager Concept - StackBlitz A stream-oriented auction manager concept based on the-observable-plugin-system

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

Reactive Context Menu — Stream-Oriented - StackBlitz A context-aware reactive menu with actions, visibility and interactivity defined as observable streams

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 When I first discovered RxJS, I was hooked. The idea that everything could be a stream was...

How I Turned My RxJS Headaches Into Rimmel.js

dev.to/dariomannu/h...

#rxjs #rimmeljs #javascript #webdev #frontend #ui #buildinpublic #programming #fp #frp

Basecoat UI dropdown with Rimmel.js - StackBlitz An example dropdown component powered by Basecoat UI and Rimmel.js

Ever tried Basecoat UI? Try with Rimmel.js

stackblitz.com/edit/basecoa...

#javascript #typescript #rxjs #ui #frontend