Fosstodon

Frontend DogmaAngular Signals: A New Mental Model for Reactivity, Not Just a New API, by (not on Mastodon or Bluesky):<a href="https://www.sitepoint.com/angular-signals-a-new-mental-model/" rel="nofollow noopener" translate="no" target="_blank">https://www.sitepoint.com/angular-signals-a-new-mental-model/</a><a href="https://mas.to/tags/angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#angular</a> <a href="https://mas.to/tags/signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#signals</a> <a href="https://mas.to/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a>

Bjørn SætrevikI noticed that <a href="https://fediscience.org/tags/Wikipedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#Wikipedia</a>'s disambiguation page for <a href="https://fediscience.org/tags/bias" class="mention hashtag" rel="nofollow noopener" target="_blank">#bias</a> had a section for "Scientific method and statistics" that didn't mention <a href="https://fediscience.org/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> or <a href="https://fediscience.org/tags/ResponseBias" class="mention hashtag" rel="nofollow noopener" target="_blank">#ResponseBias</a>. I added some on this, but please continue the contribution.

Frontend DogmaAngular: “httpResource” in the Wild, by (not on Mastodon or Bluesky):<a href="https://blog.drdreo.com/http-resource-in-the-wild" rel="nofollow noopener" translate="no" target="_blank">https://blog.drdreo.com/http-resource-in-the-wild</a><a href="https://mas.to/tags/angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#angular</a> <a href="https://mas.to/tags/datafetching" class="mention hashtag" rel="nofollow noopener" target="_blank">#datafetching</a> <a href="https://mas.to/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a>

Frontend DogmaCold vs. Hot Observables in Angular With RxJS, by (not found on Mastodon or Bluesky):<a href="https://archive.fo/aXZ6u" rel="nofollow noopener" translate="no" target="_blank">https://archive.fo/aXZ6u</a><a href="https://mas.to/tags/angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#angular</a> <a href="https://mas.to/tags/asynchronicity" class="mention hashtag" rel="nofollow noopener" target="_blank">#asynchronicity</a> <a href="https://mas.to/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://mas.to/tags/terminology" class="mention hashtag" rel="nofollow noopener" target="_blank">#terminology</a>

HabrСигналы, роутинг, реактивность, Fusor приложениеВ этом посте я опишу, как настроить современную маршрутизацию и использовать Signals для реактивного отключения выбранных ссылок.<a href="https://habr.com/ru/articles/905342/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/905342/</a><a href="https://zhub.link/tags/fusor" class="mention hashtag" rel="nofollow noopener" target="_blank">#fusor</a> <a href="https://zhub.link/tags/fusorjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#fusorjs</a> <a href="https://zhub.link/tags/observable" class="mention hashtag" rel="nofollow noopener" target="_blank">#observable</a> <a href="https://zhub.link/tags/signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#signals</a> <a href="https://zhub.link/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> <a href="https://zhub.link/tags/routing" class="mention hashtag" rel="nofollow noopener" target="_blank">#routing</a>

N-gated Hacker NewsAh, yes, yet another JavaScript framework claiming to be the holy grail of UI development. 🤦‍♂️ Because clearly, what the world needs right now is more "simplicity" through complexity. Congrats on reinventing <a href="https://mastodon.social/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> for the 473rd time this month. 🙄🚀 <a href="https://www.solidjs.com/" rel="nofollow noopener" translate="no" target="_blank">https://www.solidjs.com/</a> <a href="https://mastodon.social/tags/JavaScriptFrameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScriptFrameworks</a> <a href="https://mastodon.social/tags/UIDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDevelopment</a> <a href="https://mastodon.social/tags/ComplexityOverSimplicity" class="mention hashtag" rel="nofollow noopener" target="_blank">#ComplexityOverSimplicity</a> <a href="https://mastodon.social/tags/Reinvented" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reinvented</a> <a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/ngated" class="mention hashtag" rel="nofollow noopener" target="_blank">#ngated</a>

Hacker NewsSolidjs: Simple and performant reactivity for building user interfaces<a href="https://www.solidjs.com/" rel="nofollow noopener" translate="no" target="_blank">https://www.solidjs.com/</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/Solidjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#Solidjs</a> <a href="https://mastodon.social/tags/Simple" class="mention hashtag" rel="nofollow noopener" target="_blank">#Simple</a> <a href="https://mastodon.social/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a> <a href="https://mastodon.social/tags/UserInterfaces" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserInterfaces</a> <a href="https://mastodon.social/tags/Performance" class="mention hashtag" rel="nofollow noopener" target="_blank">#Performance</a>

Kevin DartyAngular linkedSignal(): The Missing Link in Signal-Based Reactivity<a href="https://hachyderm.io/tags/Angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#Angular</a> <a href="https://hachyderm.io/tags/Signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#Signals</a> <a href="https://hachyderm.io/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeScript</a> <a href="https://hachyderm.io/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a> <a href="https://hachyderm.io/tags/AngularSignalsAPI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AngularSignalsAPI</a> <a href="https://hachyderm.io/tags/ReactiveProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactiveProgramming</a><a href="https://blog.angular-university.io/angular-linkedsignal/" rel="nofollow noopener" translate="no" target="_blank">https://blog.angular-university.io/angular-linkedsignal/</a>

🎹 Tim Janik ✅Highly recommended article by <a href="https://t.l3r.me/users/ryancarniato" class="u-url mention" rel="nofollow noopener" target="_blank">@ryancarniato</a> on <a href="https://social.tchncs.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> Signals and scheduling of async funcs.I had my own share of problems (in Lit) with the <a href="https://social.tchncs.de/tags/TC39" class="mention hashtag" rel="nofollow noopener" target="_blank">#TC39</a>-<a href="https://social.tchncs.de/tags/Signal" class="mention hashtag" rel="nofollow noopener" target="_blank">#Signal</a> proposal, but failed to blog about it so far. Glad others recognize it could be too early to standardize…Scheduling Derivations in <a href="https://social.tchncs.de/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a>:<a href="https://dev.to/this-is-learning/scheduling-derivations-in-reactivity-4687" rel="nofollow noopener" translate="no" target="_blank">https://dev.to/this-is-learning/scheduling-derivations-in-reactivity-4687</a>

Lars HanischRecently at a Tech Stack Nation meeting... we had some fun!<a href="https://troet.cafe/tags/Angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#Angular</a> <a href="https://troet.cafe/tags/DependencyInjection" class="mention hashtag" rel="nofollow noopener" target="_blank">#DependencyInjection</a> <a href="https://troet.cafe/tags/Signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#Signals</a> <a href="https://troet.cafe/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a> <a href="https://troet.cafe/tags/TechStackNation" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechStackNation</a> <a href="https://www.youtube.com/watch?v=51pzpjAl3L0" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=51pzpjAl3L0</a>

Bjørn SætrevikReading up on experimental reactivity, I came over the tragic (probably apocryphal) background of the "John Henry effect": <a href="https://en.wikipedia.org/wiki/John_Henry_effect" rel="nofollow noopener" translate="no" target="_blank">https://en.wikipedia.org/wiki/John_Henry_effect</a> "John Henry, a legendary American steel driver in the 1870s who, when he heard his output was being compared with that of a steam drill, worked so hard to outperform the machine that he died in the process."<a href="https://fediscience.org/tags/CitationNeeded" class="mention hashtag" rel="nofollow noopener" target="_blank">#CitationNeeded</a> <a href="https://fediscience.org/tags/wikipedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#wikipedia</a> <a href="https://fediscience.org/tags/psychology" class="mention hashtag" rel="nofollow noopener" target="_blank">#psychology</a> <a href="https://fediscience.org/tags/experiment" class="mention hashtag" rel="nofollow noopener" target="_blank">#experiment</a> <a href="https://fediscience.org/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> The hype around signals · How signals reshaped our approach to UI reactivity <a href="https://ilo.im/1613s6" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1613s6</a>_____ <a href="https://mastodon.social/tags/Signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#Signals</a> <a href="https://mastodon.social/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a> <a href="https://mastodon.social/tags/Library" class="mention hashtag" rel="nofollow noopener" target="_blank">#Library</a> <a href="https://mastodon.social/tags/Angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#Angular</a> <a href="https://mastodon.social/tags/Qwik" class="mention hashtag" rel="nofollow noopener" target="_blank">#Qwik</a> <a href="https://mastodon.social/tags/SolidJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#SolidJS</a> <a href="https://mastodon.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> <a href="https://mastodon.social/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VueJS</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸> <a href="https://mastodon.social/tags/LegendState" class="mention hashtag" rel="nofollow noopener" target="_blank">#LegendState</a> is an extremely fast <a href="https://mastodon.social/tags/signal" class="mention hashtag" rel="nofollow noopener" target="_blank">#signal</a>-based <a href="https://mastodon.social/tags/state" class="mention hashtag" rel="nofollow noopener" target="_blank">#state</a> <a href="https://mastodon.social/tags/library" class="mention hashtag" rel="nofollow noopener" target="_blank">#library</a> with fine-grained <a href="https://mastodon.social/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> and a powerful sync system that works with any backend.<a href="https://www.legendapp.com/open-source/state/v3/" rel="nofollow noopener" translate="no" target="_blank">https://www.legendapp.com/open-source/state/v3/</a><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/reactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactJS</a> <a href="https://mastodon.social/tags/javaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javaScript</a> <a href="https://mastodon.social/tags/observable" class="mention hashtag" rel="nofollow noopener" target="_blank">#observable</a> <a href="https://mastodon.social/tags/twoWayBunding" class="mention hashtag" rel="nofollow noopener" target="_blank">#twoWayBunding</a> <a href="https://mastodon.social/tags/stateMachine" class="mention hashtag" rel="nofollow noopener" target="_blank">#stateMachine</a> <a href="https://mastodon.social/tags/frontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontEnd</a>

WetHat💦Learn JavaScript Reactivity: How to Build Signals from ScratchAn explanation of reactivity and signals in JavaScript with a focus on how they enable UI updates in response to data changes. The article also covers: ➡️reactivity frameworks ➡️a step-by-step guide to implementing signals from scratch using the Pub-Sub pattern. <a href="https://fosstodon.org/tags/Reactivity" class="mention hashtag" rel="tag">#Reactivity</a> <a href="https://fosstodon.org/tags/Signals" class="mention hashtag" rel="tag">#Signals</a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#JavaScript</a> <a href="https://fosstodon.org/tags/ReactivityFrameworks" class="mention hashtag" rel="tag">#ReactivityFrameworks</a> <a href="https://fosstodon.org/tags/PublishSubscriberPattern" class="mention hashtag" rel="tag">#PublishSubscriberPattern</a> <a href="https://fosstodon.org/tags/SoftwareDesignPattern" class="mention hashtag" rel="tag">#SoftwareDesignPattern</a><a href="https://www.freecodecamp.org/news/learn-javascript-reactivity-build-signals-from-scratch/" target="_blank" rel="nofollow noopener" translate="no">https://www.freecodecamp.org/news/learn-javascript-reactivity-build-signals-from-scratch/</a>

mighdollI also moved over my last year’s post on <a href="https://vis.social/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a> for <a href="https://vis.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebGPU</a> <a href="https://mighdoll.dev/blog/reactive-webgpu/" rel="nofollow noopener" translate="no" target="_blank">https://mighdoll.dev/blog/reactive-webgpu/</a>. The reactive <a href="https://vis.social/tags/signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#signals</a> effort seems to be coming together nicely in <a href="https://vis.social/tags/TC39" class="mention hashtag" rel="nofollow noopener" target="_blank">#TC39</a>. I’m hoping to revisit the <a href="https://vis.social/tags/WebGPU" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebGPU</a> integration to use the current <a href="https://vis.social/tags/signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#signals</a> polyfill later this summer.

Habr[Перевод] WordPress Interactivity API: Подробное объяснениеWordPress Interactivity - это относительно новый API, который позволяет создавать декларативный фронтенд в WordPress нативно. Декларативный? Да, да, он использует тот же принцип, что React и Vue. Только тут под капотом Preact и собственные директивы. И конечно куда же без SSR, который здесь идет из коробки. Звучит интересно? Давайте разбираться вместе.<a href="https://habr.com/ru/articles/819149/" rel="nofollow noopener" translate="no" target="_blank">https://habr.com/ru/articles/819149/</a><a href="https://zhub.link/tags/WordPress_Interactivity_API" class="mention hashtag" rel="nofollow noopener" target="_blank">#WordPress_Interactivity_API</a> <a href="https://zhub.link/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#WordPress</a> <a href="https://zhub.link/tags/Interactivity_API" class="mention hashtag" rel="nofollow noopener" target="_blank">#Interactivity_API</a> <a href="https://zhub.link/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> <a href="https://zhub.link/tags/declarative" class="mention hashtag" rel="nofollow noopener" target="_blank">#declarative</a> <a href="https://zhub.link/tags/preact" class="mention hashtag" rel="nofollow noopener" target="_blank">#preact</a> <a href="https://zhub.link/tags/Gutenberg" class="mention hashtag" rel="nofollow noopener" target="_blank">#Gutenberg</a> <a href="https://zhub.link/tags/imperative" class="mention hashtag" rel="nofollow noopener" target="_blank">#imperative</a>

The Spicy WebLast month's exclusive video at The Spicy Web demonstrating a CodePen example of Signals—what they are, how they work, and why frontend frameworks and fans of vanilla <a href="https://social.spicyweb.dev/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> alike are adopting them rapid-fire—is now available to view for free! Check it out:<a href="https://social.spicyweb.dev/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://social.spicyweb.dev/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://social.spicyweb.dev/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a><a href="https://www.spicyweb.dev/videos/2024/signals-are-eating-the-web/" rel="nofollow noopener" translate="no" target="_blank">https://www.spicyweb.dev/videos/2024/signals-are-eating-the-web/</a>

JS Party 🪩💥 New episode of JS Party!<a href="https://t.l3r.me/users/ryancarniato" class="u-url mention" rel="nofollow noopener" target="_blank">@ryancarniato</a> joins @amal & <a href="https://fediverse.nicknisi.com/@nicknisi" class="u-url mention" rel="nofollow noopener" target="_blank">@nicknisi</a> to discuss Solid with a major focus on Signals, which are the cornerstone of reactivity in Solid.🎧 <a href="https://jsparty.fm/320" rel="nofollow noopener" translate="no" target="_blank">https://jsparty.fm/320</a><a href="https://changelog.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://changelog.social/tags/solidjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#solidjs</a> <a href="https://changelog.social/tags/signals" class="mention hashtag" rel="nofollow noopener" target="_blank">#signals</a> <a href="https://changelog.social/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> <a href="https://changelog.social/tags/podcast" class="mention hashtag" rel="nofollow noopener" target="_blank">#podcast</a>

The Spicy WebShould the web platform offer signals?That is, the ability to define observable values (signals) which you can implicitly subscribe to in execution contexts (effects) which will then re-run whenever the values change.That’s the question being asked by a crew of researchers and spec authors led by noted web components expert Rob Eisenberg.<a href="https://thathtml.blog/2024/04/should-the-web-platform-offer-signals/" rel="nofollow noopener" translate="no" target="_blank">https://thathtml.blog/2024/04/should-the-web-platform-offer-signals/</a><a href="https://social.spicyweb.dev/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://social.spicyweb.dev/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://social.spicyweb.dev/tags/Reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#Reactivity</a>

lukaszkupsUnderstanding signals: <a href="https://www.youtube.com/watch?v=t18Kzj9S8-M" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=t18Kzj9S8-M</a><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Recent searches

Search options

Administered by:

Server stats:

#reactivity