this post was submitted on 05 Sep 2024
24 points (96.2% liked)

Programming

17313 readers
92 users here now

Welcome to the main community in programming.dev! Feel free to post anything relating to programming here!

Cross posting is strongly encouraged in the instance. If you feel your post or another person's post makes sense in another community cross post into it.

Hope you enjoy the instance!

Rules

Rules

  • Follow the programming.dev instance rules
  • Keep content related to programming in some way
  • If you're posting long videos try to add in some form of tldr for those who don't want to watch videos

Wormhole

Follow the wormhole through a path of communities [email protected]



founded 1 year ago
MODERATORS
 

Most modern JavaScript UI frameworks boast Reactivity, but have you ever wondered what that means exactly?

In my opinion, Reactivity is largely responsible for making modern frontend development unintuitive to outsiders.

This blog post explains what Reactivity is, and how it manifested in the frontend development world today.

You might find this interesting if you're: a frontend dev unfamiliar with the concept, a non-frontend dev interested in frontend, or just curious what Reactivity is!

top 5 comments
sorted by: hot top controversial new old
[–] [email protected] 2 points 1 month ago (2 children)

Why the assumption that reactivity is only a front-end thing?

I’ve used it plenty on the back-end when dealing with streams of data that need to trigger other processing steps.

[–] [email protected] 6 points 1 month ago* (last edited 1 month ago) (1 children)

You're right, and I actually make that point in the blog post! Reactivity is not exclusive to the frontend.

However, in the frontend, Reactivity is almost an invisible default. You don't opt into it, you just kinda have to when you use a modern framework.

In the backend, many people use Reactive patterns without even knowing them or thinking of them. But either way, if you do use them, you likely opted in, and it wasn't a "all code you write is automatically reactive" like in modern browser ui frameworks

[–] [email protected] 1 points 1 month ago

I mean it tends to show up in the FE due to JS being fundamentally callback based. You’re basically responding to events and the like. Unfortunately the language was not designed for reactivity so they’re all added on via frameworks.

[–] [email protected] 4 points 1 month ago

While it is popular in the web browser world, it is not inherent to it. Reactive programming is a general programming paradigm that can be applied anywhere, without a UI involved.

Second paragraph

[–] [email protected] 1 points 1 month ago* (last edited 1 month ago)

Code example looks wrong? null is passed as updater to a. As far as I understand, what is passed as callback to a is supposed to be the updater instead (especially since the ctor errors on both val and updater being null). Also, would be more clear what the difference and usage of updater and callback are if they were called something like calcVal and onValChanged respectively