Trending

#streamorientedprogramming

Latest posts tagged with #streamorientedprogramming on Bluesky

Latest Top
Trending

Posts tagged #streamorientedprogramming

Preview
Remove an element with the HTML Invoker API - StackBlitz Using Attribute Mixins to make elements "removable" via HTML Invoker Commands and Rimmel.js

More experiments with the HTML Invoker API and custom commands

#HTML #JavaScript #FrontEnd #StreamOrientedProgramming

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

1 0 0 0
Preview
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-...

5 0 0 0
Preview
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-...

1 0 0 0
Post image

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

6 1 0 0
Preview
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...

2 0 0 0
Preview
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...

1 0 0 0
Preview
The Fibonacci Stream - StackBlitz An event-driven Fibonacci sequence generator in the Stream-Oriented Paradigm

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

1 0 0 0
Preview
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...

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

3 1 0 0
Preview
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...

5 0 1 0
Preview
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

1 0 0 0
Preview
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

2 0 0 0
Preview
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...

2 0 0 0
Post image

Stream Oriented Programming for native CLI applications

A concept "echo" program with logging

#Programming #StreamOrientedProgramming #RxJS

1 0 0 0
Preview
Generator Functions in Stream-Oriented Programming - StackBlitz Using Generator Functions to handle application logic in a stream-oriented component

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

2 0 0 0
Preview
CSS position-anchor - StackBlitz Setting CSS position-anchor with streams

CSS: setting position-anchor in stream-oriented style

#JavaScript #CSS #FrontEnd #StreamOrientedProgramming

stackblitz.com/edit/css-pos...

2 0 0 0
Post image

Ok, looks like some people are starting to believe in #StreamOrientedProgramming.

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

#starhistory #GitHub #OpenSource via @StarHistoryHQ #JavaScript #FrontEnd

4 0 0 0
Preview
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-...

3 0 0 0
Preview
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-...

2 0 0 0
Preview
Form data with Callforwards and Rimmel.js - StackBlitz Getting form data through a Callforward function

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

1 0 0 0
Post image

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

1 0 0 0
Post image

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

0 0 0 0
Post image

#StreamOrientedProgramming

2 0 0 0
Preview
SVG drag'n'drop - StackBlitz This is how drag'n'drop works in Stream-Oriented programming with Rimmel.js

Drag and drop... for SVG elements, in #StreamOrientedProgramming

#JavaScript #FrontEnd

stackblitz.com/edit/svg-dra...

3 0 0 0
Preview
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

4 0 0 0
Post image

OOP is the middle ages, FP is the enlightenment, FRP is impressionism, SOP is the modern minimalism If you’re doing any Object-Oriented programming, chances are your code is bloated. If you’re ...

#Software #javascript #prodsens #live #programming […]

[Original post on prodsens.live]

0 0 0 0